位置: 编程技术 - 正文
推荐整理分享深入学习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表单校验长度)
友情链接: 武汉网站建设