jquery.validate表单验证插件使用方法解析(jquery validator)

推荐整理分享jquery.validate表单验证插件使用方法解析(jquery validator)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery 表单,jquery操作表单,jquery validator,jquery-validate,jquery validate表单校验,jquery validate表单校验,jquery 表单,jquery 表单,内容如对您有帮助，希望把文章链接给更多的朋友！

为什么要用jquery validate这个表单验证插件：自己写一个通用且功能全面强大的jquery表单验证插件并不容易。jquery validate这个jquery插件几乎可以轻松应对%以上的表单验证，具体内容如下

使用方式

1、在控件中使用默认验证规则，例子：电子邮件(必填) <input id="email" class="required email" value="email@" />

2、可以在控件中自定义验证规则，例子：自定义(必填,[3,5])

3、通过javascript自定义验证规则，下面的JS自定义了两个规则，password和confirm_password

required除了设置为true/false之外，还可以使用表达式或者函数，比如

Html

密码<input id="password" name="password" type="password" />确认密码<input id="confirm_password" name="confirm_password" type="password" />条件验证<input id="funcvalidate" name="funcvalidate" value="" />

4、使用meta自定义验证信息

首先用JS设置meta

$("#form3").validate({ meta: "validate" });

Html

5、使用meta可以将验证规则写在自定义的标签内，比如validate

JS设置meta

Html

Email

6、自定义验证规则

对于复杂的验证，可以通过jQuery.validator.addMethod添加自定义的验证规则

官网提供的additional-methods.js里包含一些常用的验证方式，比如lettersonly，ziprange，nowhitespace等

例子

7、radio、checkbox、select的验证方式类似

radio的验证

checkbox的验证

最少选择两项

select的验证

下拉框

8、Ajax验证

用remote可以进行Ajax验证

验证用户多种信息：

参考学习：功能强大的jquery.validate表单验证插件

本文已被整理到了《jquery表单验证大全》 ，欢迎大家学习阅读。