Как проверить правильное заполнение поля ввода с помощью проверки jQuery?

Question

У меня есть форма с полями, которые предварительно заполнены данными из базы данных, так как мне нужно изменить номер телефона в соответствии с новой схемой формата данных, мне также необходимо немедленно активировать проверку для предварительно введенного поля ввода.

Мой JS код выглядит следующим образом:

Метод проверки HR телефонных номеров в соответствии с новой схемой:

$.validator.addMethod("mobileHR", function(phone_number, element) { 
    phone_number = phone_number.replace(/\(|\)|\s+|-/g, ""); 
    return this.optional(element) || phone_number.length > 9 && 
     phone_number.match(/^\+[0-9]{1,3}\.[0-9]{1,14}$/); 
}, "Unesite broj u fromatu: +385.111234567"); 

И вызовы функций:

$(document).ready(function() { 
    // initialize validation 
    $('.form-horizontal').validate({ 
     // set immediate validation, on event code 9 
     onkeyup: function (element, event) { 
      if (event.which === 9 && this.elementValue(element) === "") { 
       return; 
      } else { 
       this.element(element); 
      } 
     }, 
     rules: { 
      "contactdetails[Registrant][Phone]": { 
       required: true, 
       mobileHR: true 
      } 
     }, 
     messages: { 
      "contactdetails[Registrant][Phone]": { 
       required: "Molimo unesite broj telefona" 
      } 
     } 
    }); 

}); 

поле ввода, как это, и параметр значения уже заполнен, поскольку данные извлекаются из базы данных.

<div class="controls"> 
<input kl_virtual_keyboard_secure_input="on" name="contactdetails[Registrant][Phone]" value="011123456" size="30" class="Registrantcustomwhois" type="text"> 
</div> 

Теперь я хочу, чтобы предупредить данные редактирования пользователя, даже если он не изменяет данные в нужном поле ввода, чтобы обновить формат своего номера телефона, так что я в основном хочу вызвать функцию Validate() в документ загружен.

Скрипт с примером - here.

Answer 1

после размещения правил проверки, на jQuery готовы, просто добавьте $('.form-horizontal').valid();, чтобы подтвердить форму.

См Fiddle, соответственно обновляется