驗證表單添加到DOM與jQuery驗證

Question

快速問題：如何使用好，舊的jQuery Validate來驗證表單，在頁面加載後添加到DOM（通過Ajax）？

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