位置: 编程技术 - 正文
推荐整理分享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 转载请保留说明!友情链接: 武汉网站建设