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

时间:2016-08-07 18:34:11

标签: javascript jquery jquery-plugins

我尝试验证使用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();

加载的元素

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

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

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

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

但也不起作用:(

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

1 个答案:

答案 0 :(得分:0)

尝试动态添加它们:

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

希望这有帮助。