動的にロードされた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 
      } 
     } 
     }); 

残念ながら、それは負荷（を搭載した要素では動作しません）。

した後、私はいくつかの解決策が見つかりましたが、それらはすべてが変数に動的に追加入力を渡すことはない、「イベント」に目的としている検索をいくつかのグーグル：私も怒鳴るこのコードでそれに近づくことを試みた

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

・ホープ、このことができます。