jQuery.validate.js扩展-手机号、固话校验，数字大小比较

最新推荐文章于 2024-01-26 10:05:23 发布

a1ex24

最新推荐文章于 2024-01-26 10:05:23 发布

阅读量6.1k

点赞数

分类专栏： jQuery 文章标签： jQuery 手机号校验固话校验数字比较 validate

本文链接：https://blog.csdn.net/alexyanglei/article/details/50578246

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jQuery.validator.addMethod("isPhone", function(value, element) {
          var length = value.length;
          var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
          return this.optional(element) || (length == 11 && mobile.test(value));
         }, "请填写正确的手机号码");//可以自定义默认提示信息

用法

...
rules : {
        phone : {
            isPhone:true
            }
        }，
messages : {
        phone : {
            isPhone:"请填写正确的手机号码"
            }
        }
...

固话验证

源码

jQuery.validator.addMethod("isTel", function(value, element) {
          var length = value.length;
          var phone = /(^(\d{3,4}-)?\d{6,8}$)|(^(\d{3,4}-)?\d{6,8}(-\d{1,5})?$)|(\d{11})/;
          return this.optional(element) || (phone.test(value));
         }, "请填写正确的固定电话");//可以自定义默认提示信息

用法

...
rules : {
        tel : {
            isTel:true
            }
        }，
messages : {
        phone : {
            isTel:"请填写正确的固定电话"
            }
        }
...

数字大小比较

源码

//大于
     jQuery.validator.addMethod("gt", function(value, element,param) {
         var target = $(param[0]);
         return Number(value) > Number(target.val());
         }, $.validator.format("输入值必须大于{1}!"));
     //小于
     jQuery.validator.addMethod("lt", function(value, element,param) {
         var target = $(param[0]);
         var max =  Number(target.val());
         if(max == 0)
             return true;
         return Number(value) < Number(target.val());
         }, $.validator.format("输入值必须小于{1}!"));

用法

...
rules : {
        minExp : {
                lt:["#maxExp","最大经验值"]
                },
        maxExp : {      
                gt:["#minExp","最小经验值"]
                }
        }
...