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

    

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM