增加 jQueryValidate的手机号验证功能

时间:2025-04-29 18:03:19

1、通过addMethod增加手机号的验证方法位置:和$('form').validate({}) 同级别

  //增加手机号验证规则
$.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请正确填写您的手机号码");

 

2、使用

  定义好的函数名,就是规则名,也就是说,现在已经有一个规则叫做“isMobile”可以直接使用了

  

/*添加地址的表单验证*/
$("#cdForm").validate({
rules:{
dtarea:{
required:true,
},
postcode:{
required:false,
},
name:{
required:true,
},
phone:{
required:true,
isMobile:true,
}
},
onkeyup:false,
focusCleanup:true,
success:"valid",
submitHandler:function(form){
$("#cdForm").ajaxSubmit(function(data){
// layer.msg(data.msg);
// setTimeout(function () {
// location.replace(location.href)
// }, 2000);
});
}
});

  3、效果

    增加 jQueryValidate的手机号验证功能