位置: 编程技术 - 正文
jquery.validate表单验证插件使用方法解析(jquery validator)
编辑：rootadmin推荐整理分享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
6、自定义验证规则
对于复杂的验证，可以通过jQuery.validator.addMethod添加自定义的验证规则
官网提供的additional-methods.js里包含一些常用的验证方式，比如lettersonly，ziprange，nowhitespace等
例子
7、radio、checkbox、select的验证方式类似
radio的验证
checkbox的验证
最少选择两项
select的验证
下拉框
8、Ajax验证
用remote可以进行Ajax验证
验证用户多种信息：
参考学习：功能强大的jquery.validate表单验证插件
本文已被整理到了《jquery表单验证大全》 ，欢迎大家学习阅读。
标签: jquery validator
本文链接地址:https://www.jiuchutong.com/biancheng/379311.html 转载请保留说明！
