php - 带有图像和文本输入的消息框

Question

我需要能够显示图像以及两行输入文本。我想知道是否有人知道可以做到这一点的优秀简约插件。它用于代理验证码之类的文本。不会太大。

谢谢！

Answer 1

我建议使用jQuery Tools，特别是Overlay。它看起来像这样：

<div id="overlay">
    <div><img src="" id="picture" /></div>
    <div><input type="text /><input type="text" /></div>
    <button class="close">Submit</button>
</div>

使用基本覆盖代码：

$("#overlay").overlay({
    closeOnClick: false,
    closeOnEsc: false
});

然后，您可以使用该onBeforeClose事件来执行任何提交操作、验证等（此处的文档）。

如果需要在页面加载后更改图像，可以使用以下内容：

$("#picture").attr("src", varWithSource);

如果您需要，您还可以使用 jQuery Tools 的表单工具进行验证，并将其构建为一个覆盖层内的表单。