2017-01-03 149 views
0

我使用以下jQuery腳本驗證電話號碼。該電話號碼字段是不是必填字段,但用戶無法輸入不正確的電話號碼。如果輸入不正確的電話號碼,則顯示「請指定一個有效的電話號碼」消息。jQuery表單驗證無效

但是我可以不用擔心錯誤提交表單,如果只有輸入的電話號碼是正確的,有人可以告訴我如何允許提交表單。

jQuery.validator.addMethod("fnType", function (phone_number, element) { 
     phone_number = phone_number.replace(/\s+/g, ""); 
     return this.optional(element) || phone_number.length > 9 && 
       phone_number.match(/^\+[0-9]{11}$/); 
    }, "Please specify a valid phone number"); 


    jQuery("#EditView").validate({ 
     rules: { 
      phone_work: { 
       fnType: true 
      }, 
      phone_fax: { 
       fnType: true 
      }, 
      phone_mobile: { 
       fnType: true 
      } 
     } 
    }); 
+1

請點擊這裏,如果你使用jQuery的驗證它是在沒有任何變化工作正常: https://jsfiddle.net/ganyo55s/ – bharat

回答

0

我使用這個和它的作品罰款:需要假

$.validator.addMethod("nonleadingzero", function(value, element) { 
     return /^[1-9][0-9]*$/i.test(value); 
    }, 
     "Please enter a valid mobile number" 
); 

$('#frmId').validate({ 
    mobile: { 
     // other validation, if any 
     nonleadingzero: true, 
    } 
}); 
0
$.validator.addMethod("fnType", function(value, element) { 
     return this.optional(element) || value.match(/^[\d]*\d[\d]*$/); 
    }, "Please enter a valid phone number."); 


jQuery("#EditView").validate({ 
    rules: { 
     phone_work: { 
      fnType: true, 
      minlength: 10 
      } 
    } 
    messages: { 
      phone_work: { 
       minlength: "Min length of Phone Number is 10 digits.", 
      } 
    } 
}); 
0

附加

jQuery("#EditView").validate({ 
    rules: { 
     phone_work: { 
      fnType: true, 
      required: false 
     }, 
     phone_fax: { 
      fnType: true, 
      required: false 
     }, 
     phone_mobile: { 
      fnType: true, 
      required: false 
     } 
    } 
});