增加 jQueryValidate的手机号验证功能

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、效果

　　　　

 

转载于:https://www.cnblogs.com/sicada/p/8696492.html