jQuery форма проверки не работает

Question

Я использовал следующий скрипт 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 
      } 
     } 
    }); 

Answer 1

Я использую это и она отлично работает:

$.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, 
    } 
}); 

Answer 2

$.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.", 
      } 
    } 
}); 

Answer 3

добавить требуется ложные

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