表单验证插件——validate

Posted 写代码隔扣邓肯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单验证插件——validate相关的知识,希望对你有一定的参考价值。

该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:

$(form).validate({options})

其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。

例如,当点击表单中的“提交”按钮时,调用validate插件验证用户名输入是否符合规则,并将异常信息显示在页面中,如下图所示:

技术分享

在浏览器中显示的效果:

技术分享

从图中可以看出,在页面中导入了validate插件,当用户在输入框中录入用户名时,自动根据规则进入验证,并显示提示信息,验证成功后,表单才能提交。

以上是关于表单验证插件——validate的主要内容,如果未能解决你的问题,请参考以下文章

jQuery.validate.js表单验证插件

jquery插件-表单验证插件-validator对象

[转]jQuery.validate插件在失去焦点时执行验证代码

表单验证插件——validate

jQuery插件 -- 表单验证插件jquery.validate.js

jquery表单验证插件validation