jquery validator - addClassRules

Question

Я пытаюсь добавить правила класса, но, похоже, не работает правильно.

При отправке формы он проверяет только первое текстовое поле во время onblur второго текстового поля, отображаются ошибки.

$.validator.addClassRules({ 
    contactvalues: { 
     minlength: 10 
    }, 
    email: { 
     email: true 
    } 
}); 
$("#extracontacts").validate(); 

где #extracontacts является идентификатором FORM.

это (резюме) HTML-формы:

<form id="extracontacts" action="/toolbox/contact/manage/save" method="post"> 
    <input type="text" id="contacts_value_1" value="negative@gmail.com" name="contacts_value[]" class="contactvalues email valid"> 
    <input type="text" id="contacts_value_2" value="testing" name="contacts_value[]" class="contactvalues email">   
</form> 

также, если я редактирую классы входов после document.ready(), я должен напомнить $("#extracontacts").validate();?

Answer 1

Попробуйте этот путь, вы также должен представить вход в форму (мой представить вход ID будет только «sumbit_form»):

function InitValidations() { 

    function setContactsRules() { 

     $('#contacts_value_1').rules('add', { 
      required: true, 
      email: true, 
      messages: { 
       required: 'please type your email', 
       email: 'please type a valid email' 
      } 
     }); 

     $('#contacts_value_2').rules('add', { 
      required: true, 
      messages: { 
       required: 'please type something' 
      } 
     }); 

    $('#submit_form').click(function (event) { 

     var isValid = $("#extracontacts").validate(); 

     setContactsRules(); 

     if (!isValid) { 
      event.preventDefault(); 
     } 

    }); 

} 

$(document).ready(function() { 

    InitValidations(); 

}); 

Надеется, что это помогает. С уважением.

Answer 2

Попробуйте сделать вашу проверку как этот

$(function(){ 
$("#extracontacts").validate({ 
rules: { 
    name: { 
    required: true, 
    minlength: 3, 
    maxlength: 50, 
},  


messages: { 
    name: { 
     required: "Your name is Required input", 
     minlength: "The Postman demands at least {3} characters", 
     maxlength: "Please, no more than {50} characters" 
    }, 
}); 
});