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:"请填写正确的固定电话"
}
}