将动态加载的html元素分配给变量

Question

我尝试验证使用jQuery $().load();加载的字段。

使用jquery验证插件（jqueryvalidation.org）

我的代码是：

  var contactForm = $('#contact-form');
       contactForm.validate({
        rules: {
            name: {
                required: true,
            },
            email: {
                required: true,
                email: true
            },
            phone: {
                required: false,
                phoneUS: true
            },
            message: {
                required: true
            }
        }
      });

不幸的是，它不适用于使用load（）;

加载的元素

经过一些谷歌搜索，我发现了一些解决方案，但它们都是针对＆＃34;事件＆＃34;而不是将动态添加的输入传递给变量：

 $(document).on('click','#submit',function() {});

我也尝试用以下代码来处理它：

$('.home').click(function() {
    $("#article").load("./ #article  > *",function(){
      contactForm = $(this).find("#contact-form");
    });

但也不起作用：（

我将感谢任何线索和帮助。

Answer 1

尝试动态添加它们：

$("#contact-form").find('input').each(function () { 
    $(this).rules("add", {
        required: true
    });
});

希望这有帮助。