Question

我需要能够显示图像以及两行输入文本。我想知道是否有人知道一个好的简约插件可以做到这一点。它用于代理像文本一样的CAPTCHA。不太大。

谢谢！

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事件执行任何提交操作，验证等。（文档here）。

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

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

如果您需要它，您还可以使用jQuery Tools的表单工具进行验证，并将其结构化为form inside an overlay。

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

1 个答案: