增加 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