我可以使用jQuery驗證引擎驗證動態創建的表單嗎？

Question

問題是，我試圖驗證的窗體位於通過AJAX加載的頁面上。我試過在加載頁面後調用verifiseengine，但它似乎不起作用。有沒有可能使用這個插件來驗證這種形式？

Answer 1

我同意@Stefan P.一些代碼示例會有所幫助。不過，從documentation是好像你可以簡單地添加以下到您的AJAX成功處理程序：

$("#id-of-dynamically-loaded-form").validationEngine(); 

例如，如果您使用$.load做AJAX請求，這可能是這樣的：

$('#somewhere').load('someurl', function() { 
    // Instantiate validation-engine 
    $("#id-of-dynamically-loaded-form").validationEngine(); 
}); 

Answer 2

我有同樣的問題。驗證引擎不適用於通過AJAX加載的表單。什麼工作對我來說是第一個從所有形式的分離確認引擎然後重新裝：

$('form').validationEngine('detach'); 
$('#yourform').validationEngine(); 

具體來說，我是通過AJAX加載的形式在一個模式彈出。以下是完整的代碼，還包括關閉功能破壞彈出：

$('<div>Loading...</div>') 
.load(url, function() { 
    $('form').validationEngine('detach'); 
    $('#yourform').validationEngine(); 
}) 
.dialog({ 
    modal: true, 
    height:400, 
    width:400, 
    resizable: false, 
    draggable: false, 
    close: function(event, ui) { 
     $(this).dialog('destroy').remove() 
    } 
}); 

Answer 3

我有同樣的問題，我只能通過get請求和jQuery驗證發動機不工作了我的整個表格。我搜索了很多，最後我發現如果我們通過點擊按鈕來驗證表單，那麼我們應該先刪除表單然後附加驗證引擎，因爲表單會附加多個事件，因此推薦使用deatach。 例如，我得到了形式id="Table1「和save button點擊我會的$("#Table1").validationEngine('validate');執行這條線，它會給你的形式在其返回值可以save or show errors一個布爾值true or false後做

$("#Table1").validationEngine('detach'); 
$("#Table1").validationEngine('attach'); 
$("#Table1").validationEngine('validate');