Форма проверки добавлена ​​в DOM с помощью jQuery validate

Question

Быстрый вопрос: Как я могу использовать старый добрый jQuery Validate для проверки формы, которая добавляется в DOM (через Ajax) после загрузки страницы?

$("form#superForm").validate(options); не работает ...

Спасибо!

Answer 1

$("form#superForm").validate(options); работает.Просто вы пытаетесь прикрепить его до загрузки контента (form#superForm).

Если вы хотите, чтобы он работал правильно, вам нужно будет прикрепить его после загрузки.Так, например:

$('#somediv').load('path/to/ajax/that/returns/form#superForm', function() {
    $("form#superForm").validate(options);
});

Answer 2

.

$ ( "форма № superForm") проверки (варианты); не работает ...

Это будет работать, вы должны вызывать его только после того, как форма добавлена ​​в DOM, который находится в успешном обратном вызове вашего AJAX-вызова. Я полагаю, что вы вызываете его в document.ready, когда форма еще не существует в DOM.

Например:

$(function() {
    // when some button is clicked we load the form:
    $('.button').click(function() {
        // we send an AJAX request to load the form
        $.post('/somescript', function(result) {
            // the AJAX request succeeds and we inject the result into the DOM:
            $('#result').html(result);

            // now we can attach the validator:
            $('#superForm').validate(options);
        });
        return false;
    });
});