2017-01-03 157 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 
     } 
    } 
});