用jQuery加載表單的jQuery驗證表單

Question

我有一個jQuery驗證表單。提交表單後，我通過Ajax加載相同的表單。 我的問題是jQuery驗證不適用於ajax加載窗體。 我已經嘗試了堆棧溢出的一些答案，但不幸的是不工作。

感謝 了Az

Answer 1

使用對功能。 。

例如：

$(document.body).on('click', '.submitBtn', function(){ 
     $("#form").validate({ 
      submitHandler: function() { 
       // do anything 
     } 
    }); 
}); 

Answer 2

你載入新的形式進入DOM後，您需要重新初始化它的驗證插件，因爲它是從先前加載了一個不同的DOM元素。您需要在將新HTML加載到DOM中的AJAX回調函數中執行此操作。

Answer 3

從描述中可以看出，新的DOM元素給你帶來了問題。這是一個非常普遍的問題。你需要做的是 - 如果你的驗證運行在按鈕的點擊功能上，那麼將其從.click改爲.live功能。 = http://api.jquery.com/live/

該函數還驗證新的DOM元素。點擊功能僅適用於初始DOM中存在的元素。

如果您仍有問題，請分享代碼。