jQueryでDOMに追加されたフォームを検証する

Question

すぐに質問：良い、古いjQuery Validateを使用して、ページが読み込まれた後にDOMに追加されるフォームを検証するにはどうすればよいですか？

$("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

$（ "form＃superForm"）。validate（options）;うまくいきません...

あなたのAJAX呼び出しの成功コールバックにあるフォームがDOMに追加されたら、それを呼び出すだけです。 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; 
    }); 
});