增長 jQueryValidate的手機號驗證功能

一、經過addMethod增長手機號的驗證方法位置:和$('form').validate({}) 同級別html

  //增長手機號驗證規則
   $.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));
   }, "請正確填寫您的手機號碼");

 

二、使用ajax

  定義好的函數名,就是規則名,也就是說,如今已經有一個規則叫作「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);
	  });
         }
     });

  三、效果post

    

相關文章
相關標籤/搜索