JQuery表单验证不适用于新创建的元素

Question

我有一些关于Jquery验证插件的问题，不知道是否有人可以帮助我。

目前，该插件可以处理页面上当前的任何表单元素

    $("#addRelease").validate({
     submitHandler: function(form) {
     form.submit();
     }
   });

但是，如果我在单击按钮时动态创建表单，那么Jquery验证插件将不能用于这个新创建的元素。

    // Add release form
$(function(){
$('body#true #releases p a').click(function(){
         // Grab form using Jquery
        $.get('http://localhost:8500/mxRestore/views/viewlets/forms/ajax/a_addRelease.cfm?name_art='+name_art, function(data) { 
        // Place form returned via Jquery on page in formWrapper div        
        $('#formWrapper').html(data);
    });

    return false 
    });


});

以前有没有人遇到过这个问题，知道有什么解决办法？

非常感谢

Answer 1

在不看到代码的情况下很难说，但是在将html插入页面之后，您可能需要绑定"validate()“方法，因为#addRelease元素在用户启动ajax调用(通过单击)之后才能被jQuery找到，然后将该元素添加到页面中。

// Add release form
$(function(){
    $('body#true #releases p a').click(function(){
        // Grab form using Jquery
        $.get('http://localhost:8500/mxRestore/views/viewlets/forms/ajax/a_addRelease.cfm?name_art='+name_art, function(data) { 
            // Place form returned via Jquery on page in formWrapper div        
            $('#formWrapper').html(data);
            $("#addRelease").validate({
                submitHandler: function(form) {
                    form.submit();
                  }
            });
        });
        return false;
    });
});

Answer 2

这是因为$("#addRelease").validate在调用它时会向您的HTML元素添加事件处理程序。在插入新元素后，必须再次调用它。