zoukankan      html  css  js  c++  java
  • jquery.validate

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

    默认校验规则
    (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')
    }

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

  • 相关阅读:
    Mybatis学习笔记2:第一个Mybatis使用实例
    Mybatis学习笔记1:Mybatis简介
    springcloud Eureka 服务注册与发现
    springcloud rest微服务案例
    springmvc返回json
    springboot 集成mybatisplus
    vue axios使用
    vue前后端交互方式
    day3
    D. Count the Arrays
  • 原文地址:https://www.cnblogs.com/w-xiaojia/p/7062993.html
Copyright © 2011-2022 走看看