JQuery学习(8)插件 validate验证

时间:2021-12-29 08:49:27

插件是以JQuery核心代码为基础,编写出符合一定规范的应用程序,并将程序进行打包,调用时,仅需要包含该打包后的JS文件即可

我们所介绍的以及常用的一些插件都可以在这里找到

http://archive.plugins.jquery.com/

http://plugins.jquery.com/

validate

validate简介:
自带验证规则,包括必填,数字,url等
验证提示信息(就是验证失败时候的提示信息,要想显示中文需要插件支持)
多种事件触发,不仅可以在提交(单击submit类型的按钮)时,还可以在keyup,blur事件中触发验证
4.允许自定义验证规则

validate使用方法:
引入Jquery
引入jquery.validate.js
引入messages_cn.js
为表单定义一个id
为需要验证的控件定义name属性,并赋值,此插件使用的是控件的name属性,而非id
必须先引入Jquery,否则会报错"jQuery未定义"

$('#fmv').validate({
                rules: {
                    username: { required: true, minlength:},
                    email: { required: true, email: true }
                },
                errorshow: function (error, element) {
                    error.appendTo(element.siblings('span'));
                }
            })


使用上面的代码进行验证:
rules:声明验证规则,此为关键字,不能写错
username和email:控件的name属性的值
errorshow:表示错误处理,可以自定义名字
error:错误信息
element:错误元素

 

validate内置验证规则

 

required:true必输字段
remote:"check.php" 使用ajax方法调用check.php验证输入值
email:true 必须输入正确格式的电子邮件
url:true 必须输入正确格式的网址
date:true 必须输入正确格式的日期
dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
number:true 必须输入合法的数字(负数,小数)
digits:true 必须输入整数

creditcard: 必须输入合法的信用卡号
equalTo:"#field" 输入值必须和#field相同
accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
minlength:10 输入长度最小是10的字符串(汉字算一个字符)
rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
range:[5,10] 输入值必须介于 5 和 10 之间
max:5 输入值不能大于5
min:10 输入值不能小于10