什么是用文本框显示工具提示类信息框的最佳方法

Question

我在输入表单上做了一些必要的验证。当用户点击提交按钮时，我希望以类似工具提示的形式显示所有必需的消息以及相应的输入元素，而不是在顶部。

那么在jQuery中执行此操作的最佳方法是什么？创建一个消息容器div并为其设置样式或者有插件吗？

Answer 1

尝试使用jQuery Validation Engine插件。

jQuery VlidationEngine

如果您的项目非常庞大并且几乎具备您需要的所有功能，那么它非常有用。

用法示例

jQuery(document).ready(function(){
            // binds form submission and fields to the validation engine
            jQuery("#formID").validationEngine();
        });

和HTML

<input type="text" class="validate[required]" id="txt_input" />

Answer 2

使用每个输入字段创建一个div并将其设为display：none，然后在验证时显示相关字段的div以及所需的消息。

如果你想使用插件，你也可以使用这个：Default submitHandler

Answer 3

嘿，你可以使用这个jQuery验证引擎

https://github.com/posabsolute/jQuery-Validation-Engine

这是一个例子 http://www.position-relative.net/creation/formValidator/demos/demoValidators.html