欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery validate 手机号码、电话号码验证

程序员文章站 2022-03-27 08:57:58
...

1、手机号验证代码

a)添加方法自定义验证方法:

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));
         }, "请填写正确的手机号码");//可以自定义默认提示信息


b)使用验证方法:

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

2、电话号码验证

a)添加自定义验证方法:

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));
         }, "请填写正确的固定电话");//可以自定义默认提示信息

b)使用验证方法:

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