Проверка jQuery - resetForm () не работает, как ожидалось

Question

Сайт под вопросом http://epraxadev.com/kw/palisade-palms/

"Нажмите здесь, чтобы просмотреть брошюру" и "Узнать больше о Palisade Palms", чтобы открыть лайтбокс с той же HTML-формой, которую нужно заполнить ... ссылка "узнать больше ..." также изменяет некоторые HTML форма (значение для скрытого поля формы и обязательные поля).

Я использую Colorbox для лайтбокса, и для его события onClosed у меня есть это для сброса формы:

onClosed: function() {
        $('#brochure-form label em').remove();
        $('#brochure-form').data('validator').resetForm();
    }

Теперь вот проблема:

• Пользователь пытается отправить форму "брошюры", но она не проходит проверку. Пользователь закрывает лайтбокс.
• Пользователь открывает лайтбокс «Подробнее» и пытается отправить форму ... теперь, вместо использования правильных правил проверки (требуются только электронная почта и реферер), он требует заполнения всех полей ( как в случае с «Брошюрой»)

Есть ли что-то, что я могу добавить в функцию onClosed, чтобы очистить все правила проверки?

Спасибо, ребята!

Answer 1

Я исправил это, вручную добавив и удалив «требуемый» класс для желаемых входных данных во время событий цветового окна onComplete и onClosed соответственно.

Раньше я добавлял необходимые правила ввода с помощью

$('#brochure-form').validate({
            rules: {
                first_name: "required",
                last_name:  "required",
                email: "required",
                phone: "required",
                address: "required",
                city: "required",
                state: "required",
                zip: "required",
                referrer: "required"
            }
        }); 

И эти правила не были правильно очищены с помощью функции resetForm ().

Вы можете увидеть рабочий код на http://epraxadev.com/kw/palisade-palms/

Вы можете увидеть старую нерабочую версию на http://epraxadev.com/kw/palisade-palms/test.html