Проверка телефона с помощью другого плагина проверки телефона

Question

Я создаю собственное правило в Validate PLugin из JQuery с одним плагином jQuery для mroe. Я использую плагин jQuery https://github.com/Bluefieldscom/intl-tel-input для форматирования номера телефона. Я включаю правило в validate plugin, как это.

$("#UserSettingsForm").validate({ 
     rules: { 
      "data[User][phone]": { 
       required: true, 
       fieldPresent: function() { 
        return $("#UserPhone").intlTelInput("isValidNumber"); 
       } 
      } 
     }, 
    }); 

Это возвращает $("#UserPhone").intlTelInput("isValidNumber"); истина/ложь, если число является действительным. Но его не привязывать к элементам «данные [Пользователь] [телефон]», возможно, я могу прикрепить его к элементу без упоминания идентификатора, чтобы я мог использовать его глобально. Также он проверяет мой плагин, используя также проверку телефона.

Answer 1

Используйте addMethod функцию библиотеки:

$.validator.addMethod('isValidNumber',function (value,element){ 
    return this.optional(element) || $(element).intlTelInput('isValidNumber'); 
},'Please specify a valid phone number'); 

Тогда ваши правила будут выглядеть следующим образом:

rules: { 
    required:true, 
    isValidNumber:true 
}