Проблемы с HTML5 'required' и jQuery validator

Question

Я работаю над poc, в котором я использую атрибут required для нескольких текстовых полей и валидатор jQuery для другого поля (не обязательное поле, но добавил к нему специальную проверку). Ниже приведена скрипка для того же самого.

POC https://jsfiddle.net/rkLpovda/1/

Что я ожидаю это ...

1. Когда ничего не предусмотрено, когда я нажимаю на кнопку Отправить, он должен показать ошибки для первых двух текстовые поля - O/p: Работайте, как ожидалось. не никаких вопросов

2. Когда вход подается в последнем текстовом поле (выборочная проверка) и пользователь нажимает на кнопку отправки, если проверка не пройдена, я ожидаю, все три текстовых поля, чтобы бросить ошибку - O/P: К сожалению, только последний активируется.

Почему required не удалось отправить сообщение об ошибке при появлении пользовательской проверки? Пожалуйста, поделитесь своими мыслями.

Обновление: Я только заметил, что как только ошибка появляется для последнего текстового поля, и если я снова нажму кнопку «Отправить», я смогу увидеть ошибки для всех текстовых полей.

Answer 1

$(function() { 
    $.validator.addMethod("validatePossibleYear", function(value, element) { 
     var currYear = new Date().getFullYear(); 
    $("#fName").blur(); $("#lName").blur(); 
     return !(value != "" && !(value == currYear || value == currYear - 1)); 
     }, 
    "Invalid Year. It should be either current year or previous year" 
); 
}); 
    $('#validateTest').validate({ 
    rules: { 
     pYear: { 
     required:true, 
     validatePossibleYear : true 
     } 
    }, 
    submitHandler: function(form) 
      { 
       form.submit(); 
      } 
    });