валидатор jquery - addClassRules

Question

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

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

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

где #extracontacts - это идентификатор ФОРМЫ.

это (краткое изложение) 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

Попробуйте выполнить проверку таким образом

$(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"
     }, 
 });
 });

Answer 2

Попробуйте таким образом, вам также нужно отправить ввод в вашу форму (мой идентификатор ввода отправки будет просто "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();

});

Надеюсь, это поможет.Привет.