位置: 编程技术 - 正文
深入学习jQuery Validate表单验证(深入浅出jquery)
编辑：rootadmin推荐整理分享深入学习jQuery Validate表单验证(深入浅出jquery)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:深入浅出jquery,深入理解javascript,15天学会jquery教程,深入学习习总书记系列讲话精神,深入学习习总书记系列讲话精神,深入理解javascript,深入理解javascript,learning jquery,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例介绍了jQuery Validate表单验证，主要是利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示，分享给大家供大家参考，具体内容如下
1、添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面。2、需要改写触发校验的方式。
3、详细代码如下：
默认校验规则：
(1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错，慎用 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：--，// 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 ()equalTo:"#field" 输入值必须和#field相同 ()accept: 输入拥有合法后缀名的字符串（上传文件的后缀） ()maxlength:5 输入长度最多是5的字符串(汉字算一个字符) ()minlength: 输入长度最小是的字符串(汉字算一个字符) ()rangelength:[5,] 输入长度必须介于 5 和 之间的字符串")(汉字算一个字符) ()range:[5,] 输入值必须介于 5 和 之间 ()max:5 输入值不能大于5 ()min: 输入值不能小于
默认提示：
4、效果图如下：
5、注意：使用 class="{}" 的方式，必须引入包：jquery.metadata.js。可以使用如下的方法，修改提示内容：
在使用 equalTo 关键字时，后面的内容必须加上引号，代码如下所示：
6、直接在class属性里面定义错误信息的提示。
7、效果如下：
标签: 深入浅出jquery
本文链接地址:https://www.jiuchutong.com/biancheng/380639.html 转载请保留说明！上一篇：jQuery Validate表单验证插件 添加class属性形式的校验(jquery validate表单校验长度)
下一篇：深入学习jQuery Validate表单验证（二）(深入学习习总书记系列讲话精神)
](https://www.jiuchutong.com/image/20240129/1706496086.jpg)
![[置顶]
Android进阶学习总结-自定义ViewGroup和属性([置顶]公主大人接下来是拷问时间31)](/img.jpg)
