Как удалить проверки формы - PullRequest
2 голосов
/ 15 апреля 2011

Я использую плагин jQuery.validate для проверки моей формы, которая появляется во всплывающем окне с динамическими значениями. Как только пользователь нажимает кнопку «Отправить», отображается ошибка формы.

Как только пользователь нажмет кнопку "Отмена", как отменить проверку, отображаемую в форме.

Я использовал resetForm, но проблема все еще возникает, я использую $("#form_id").validate() с функцией щелчка.

Ответы [ 2 ]

0 голосов
/ 07 января 2014

Я склонен использовать следующее с JQuery.Validate, если вы просто хотите сбросить проверку на кнопке отмены.

var resetFormOnClose = function ()
{
    $('.validation-summary-errors').removeClass('validation-summary-errors').addClass('validation-summary-valid');
    $('.field-validation-error')
                .removeClass('field-validation-error')
                .addClass('field-validation-valid');

    $('.input-validation-error')
                .removeClass('input-validation-error')
                .addClass('valid');
};

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

он находит все экземпляры класса error и заменяет его классом valid.

он также просто скрывает, добавляя действительный класс, <ul></ul>, где отображается сводная информация (если она включена)

0 голосов
/ 20 апреля 2011

Если вы хотите удалить ошибки проверки, вы можете .remove () удалить сообщения об ошибках, а затем удалить любой класс проверки из этого поля

$('input.required').removeClass('required'); // no class == no future validation
$('label.error').remove();

Если вы хотите отключить проверку всей формыВы также можете выполнить одно из следующих действий, хотя вы все равно захотите удалить сообщения об ошибках.

$("#form_id").validate().cancelSubmit = true; // add to click event

или добавить класс cancel к кнопке отправки

<input class="cancel" type="submit" value="Submit form" />

или добавьте класс отмены с помощью jquery $('#form_id input[type=submit]').addClass('cancel');

Удачи!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...