Как я могу имитировать группу проверки с помощью плагина проверки jquery?

Question

У меня есть форма с несколькими полями, которые я проверяю.Я организовал свои элементы управления в 2 набора полей: MASTER и DETAIL.

Я использую кнопку Сохранить , чтобы отправил форму и Добавить кнопку, чтобы добавить новый элемент в мой массив объектов, где я временно храню данные, введенные через входные данные DETAIL, которые затем отправлю на сервер вместе с данными детали MASTER.

Проблема в том, что, когда я нажимаю кнопку Добавить , и я все еще не заполнил вводы МАСТЕРА, я не могу продолжать добавлять новую деталь из-за проверки Мастера.И точно так же, когда я пытаюсь отправить форму и поля DETAIL пусты, запускается проверка детализации.

Мой вопрос: возможно ли смоделировать группу проверки с помощью плагина проверки jQuery?

Answer 1

Я гуглил и обнаружил, что могу удалить / добавить класс (например, обязательно , число ); это дало мне несколько идей о том, как имитировать группы валидации.

$(document).ready(function(){     
    $("#add").click(function() {
        $("#fecha").removeClass("required");
        $("#fecha").removeClass("date");
        $("#numeroDoc").removeClass("required");
        $("#numeroDoc").removeClass("number");
        $("#serieDoc").removeClass("required");
        $("#serieDoc").removeClass("number");

        $("#importe").addClass("required");
        $("#importe").addClass("number");
        $("#concepto").addClass("required");           
    });
    $("#save").click(function() {
        $("#importe").removeClass("required");
        $("#importe").removeClass("number");
        $("#concepto").removeClass("required");    

        $("#fecha").addClass("required");
        $("#fecha").addClass("date");
        $("#numeroDoc").addClass("required");
        $("#numeroDoc").addClass("number");
        $("#serieDoc").addClass("required");
        $("#serieDoc").addClass("number");  
    });
    $("#form1").validate({           
        errorPlacement: function(error, element) {
            error.appendTo( element.parent("td").next("td") );
        } ,
        submitHandler: function(form) {              

            $("#add").click(function() {
                addDetail();
                return false;

            });
            $("#save").click(function() {
                return false;

            });                      
        }
    });
});

Хотя, я, очевидно, нашел ответ, я не уверен в этом из-за некоторых деталей:

1.При первой загрузке страницы проверка только чисел (class = "number") не работает, пока я не нажму "Добавить"

2.Если я сделал ошибку, введя данные, я должен дважды нажать кнопку, чтобы запустить проверку

Надеюсь, вы поможете мне улучшить этот код