3

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

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

4

3 回答 3

3

试试 jQuery 验证引擎插件。

jQuery 验证引擎

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

使用示例

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" />
于 2013-06-30T12:54:06.163 回答
1

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

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

于 2013-06-30T12:53:02.890 回答
1

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

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

在此处输入图像描述

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

于 2013-06-30T13:04:25.153 回答