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调用的成功回调中。我认为，当表单在DOM中尚不存在时，您在document.ready中调用它。

例如：

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

使用jQuery验证验证添加到DOM的表单

2 个答案: