如何驗證使用JQuery動態添加HTML表格的單元格？

Question

我正在研究一個具有HTML表格的Web應用程序，其中只有加載時生成的標題。然後我使用Add按鈕來使用javascript函數向表中添加行。基本上，該表有3列，並添加一行時，我將一個文本框添加到每個單元格爲每個列有3個文本框。這些文本框用於接收稍後收集的用於發送到服務器的用戶數據。 但是，我需要爲每個這些單元格添加JQuery驗證，以允許用戶在這些文本框中只輸入數字。我是JQuery的新手，並且不清楚如何在document.ready（）函數中添加代碼，以識別稍後將使用「添加」按鈕添加的文本框元素，並對其應用驗證。我正在嘗試這樣的事情，但它似乎並沒有工作！

$(document).ready(function() { 

    $("input[type=text]").live('focusout', validate({ 
     rules: {       
      number: true       
     } 
    })); 

}); 

希望如果有人能指導我這個...在此先感謝！

Answer 1

您正在運行的函數在頁面加載時掛鉤事件。之後添加的項目將不會被連接。

將代碼封裝在自己的函數中，並在添加每個表格行後調用它。

$(document).ready(function() { 
    setValidation() 
}); 

function setValidation() { 
    $("input[type=text]").live('focusout', validate({ rules: {number: true}})); 
}