Метод проверки правильности Jquery останавливает проверку других полей

Question

Я использую плагин Jquery Validate вместе с дополнительными методами проверки на стороне клиента моей формы. Пока все отлично работает, у меня просто одна проблема. Когда я использую один из дополнительных методов для его проверки, если это не удается, он не продолжает проверять любые другие поля.

Так что в настоящее время я оставляю форму пустой и попадаю в submit. Я вижу список всех ошибок. Но если я ввожу числа в поле имени и нажимаю submit, то я вижу только одну ошибку для ошибочного правила шаблона. Вот мой JQuery:

$j("#wizardForm").validate({ 
    rules: { 
     firstname: { 
      required: true, 
      pattern: /^[a-zA-Z]+([\s]+)?[']?([a-zA-Z]+)?$/ 
     }, 
     lastname: { 
      required: true, 
      pattern: /^[a-zA-Z]+([\s]+)?[']?([a-zA-Z]+)?$/ 
     }, 
     email: { 
      required: true, 
      email: true 
     }, 
     password: "required", 
     PWconfirm: "required", 
     country: "required" 
    }, 
    errorLabelContainer: ".validation-error-msg", 
    wrapper: "li", 
    errorClass: "validation-error", 
    messages: { 
     firstname: { 
      required: "The 'First Name' field cannot be empty.", 
      pattern: "The first name field must only contain letters." 
     }, 
     lastname: { 
      required: "The 'Last Name' field cannot be empty.", 
      pattern: "The 'Last Name' field must only contain letters." 
     }, 
     email: { 
      required: "The 'Email Address' field cannot be empty.", 
      email: "The email address must be in a valid email format." 
     }, 
     password: "The 'Password' field cannot be empty.", 
     PWconfirm: "The 'Retype Password' field cannot be empty.", 
     country: "The 'Country' field needs a valid selection." 
    } 
}); 

Есть ли способ, что я могу позволить ему показать все ошибки, когда правило из дополнительных методов не удается?

Answer 1

Ваш wrapper вариант нарушает его. Возможно, потому, что вы пытаетесь создать элементы <li> вне контейнера <ul>. Считывание the docs for wrapper ...

Оберните этикетки с указанным элементом. Полезно в сочетании с errorLabelContainer, чтобы создать список сообщений об ошибках.

Но вы не создаете "список ошибок"; вы создаете сообщения inline, поэтому wrapper и errorLabelContainer бессмысленны в этой демонстрации.

Работая иначе: http://jsfiddle.net/07jm89wp/3/