首页 > 代码库 > jquery.validate

jquery.validate

2024-10-10 00:35:39   218人阅读

---恢复内容开始---

默认校验规则
(1)  required:true               必输字段
(2)  remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)  email:true                  必须输入正确格式的电子邮件
(4)  url:true                    必须输入正确格式的网址
(5)  date:true                   必须输入正确格式的日期
(6)  dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)  number:true                 必须输入合法的数字(负数，小数)
(8)  digits:true                 必须输入整数
(9)  creditcard:                 必须输入合法的信用卡号
(10)  equalTo:"#field"           输入值必须和#field相同
(11)  accept:                    输入拥有合法后缀名的字符串（上传文件的后缀）
(12)  maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)  minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)  rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)  range:[5,10]               输入值必须介于 5 和 10 之间
(16)  max:5                      输入值不能大于5
(17)  min:10                     输入值不能小于10

 

添加自定义校验
addMethod：name, method, message
自定义验证方法

// 中文字两个字节
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)")
);

// 邮政编码验证   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");


验证通过

submitHandler:function(){
alert(‘校验全部通过‘)
}

验证没有通过

invalidHandler:function(){
alert(‘no‘)
}

---恢复内容结束---

---恢复内容开始---

默认校验规则
(1)  required:true               必输字段
(2)  remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)  email:true                  必须输入正确格式的电子邮件
(4)  url:true                    必须输入正确格式的网址
(5)  date:true                   必须输入正确格式的日期
(6)  dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)  number:true                 必须输入合法的数字(负数，小数)
(8)  digits:true                 必须输入整数
(9)  creditcard:                 必须输入合法的信用卡号
(10)  equalTo:"#field"           输入值必须和#field相同
(11)  accept:                    输入拥有合法后缀名的字符串（上传文件的后缀）
(12)  maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)  minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)  rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)  range:[5,10]               输入值必须介于 5 和 10 之间
(16)  max:5                      输入值不能大于5
(17)  min:10                     输入值不能小于10

 

添加自定义校验
addMethod：name, method, message
自定义验证方法

// 中文字两个字节
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)")
);

// 邮政编码验证   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");


验证通过

submitHandler:function(){
alert(‘校验全部通过‘)
}

验证没有通过

invalidHandler:function(){
alert(‘no‘)
}

---恢复内容结束---

---恢复内容开始---

默认校验规则
(1)  required:true               必输字段
(2)  remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)  email:true                  必须输入正确格式的电子邮件
(4)  url:true                    必须输入正确格式的网址
(5)  date:true                   必须输入正确格式的日期
(6)  dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)  number:true                 必须输入合法的数字(负数，小数)
(8)  digits:true                 必须输入整数
(9)  creditcard:                 必须输入合法的信用卡号
(10)  equalTo:"#field"           输入值必须和#field相同
(11)  accept:                    输入拥有合法后缀名的字符串（上传文件的后缀）
(12)  maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)  minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)  rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)  range:[5,10]               输入值必须介于 5 和 10 之间
(16)  max:5                      输入值不能大于5
(17)  min:10                     输入值不能小于10

 

添加自定义校验
addMethod：name, method, message
自定义验证方法

// 中文字两个字节
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)")
);

// 邮政编码验证   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");


验证通过

submitHandler:function(){
alert(‘校验全部通过‘)
}

验证没有通过

invalidHandler:function(){
alert(‘no‘)
}

---恢复内容结束---

---恢复内容开始---

默认校验规则
(1)  required:true               必输字段
(2)  remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)  email:true                  必须输入正确格式的电子邮件
(4)  url:true                    必须输入正确格式的网址
(5)  date:true                   必须输入正确格式的日期
(6)  dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)  number:true                 必须输入合法的数字(负数，小数)
(8)  digits:true                 必须输入整数
(9)  creditcard:                 必须输入合法的信用卡号
(10)  equalTo:"#field"           输入值必须和#field相同
(11)  accept:                    输入拥有合法后缀名的字符串（上传文件的后缀）
(12)  maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)  minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)  rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)  range:[5,10]               输入值必须介于 5 和 10 之间
(16)  max:5                      输入值不能大于5
(17)  min:10                     输入值不能小于10

 

添加自定义校验
addMethod：name, method, message
自定义验证方法

// 中文字两个字节
jQuery.validator.addMethod(
    "byteRangeLength", 
    function(value, element, param) {
        var length = value.length;
        for(var i = 0; i < value.length; i++){
            if(value.charCodeAt(i) > 127){
                length++;
            }
        }
        return this.optional(element) || (length >= param[0] && length <= param[1]);   
    }, 
    $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)")
);

// 邮政编码验证   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");


验证通过

submitHandler:function(){
alert(‘校验全部通过‘)
}

验证没有通过

invalidHandler:function(){
alert(‘no‘)
}

---恢复内容结束---

jquery.validate


联系
我们