如何验证使用JQuery动态添加HTML表格的单元格？

我正在研究一个具有HTML表格的Web应用程序，其中只有加载时生成的标题。然后我使用Add按钮来使用javascript函数向表中添加行。基本上，该表有3列，并添加一行时，我将一个文本框添加到每个单元格为每个列有3个文本框。这些文本框用于接收稍后收集的用于发送到服务器的用户数据。但是，我需要为每个这些单元格添加JQuery验证，以允许用户在这些文本框中只输入数字。我是JQuery的新手，并且不清楚如何在document.ready（）函数中添加代码，以识别稍后将使用“添加”按钮添加的文本框元素，并对其应用验证。我正在尝试这样的事情，但它似乎并没有工作！如何验证使用JQuery动态添加HTML表格的单元格？

$(document).ready(function() { 

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

});

希望如果有人能指导我这个...在此先感谢！

来源

2011-06-10 Milind

您正在运行的函数在页面加载时挂钩事件。之后添加的项目将不会被连接。

将代码封装在自己的函数中，并在添加每个表格行后调用它。

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

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

来源

2011-06-10 17:27:36

嗨Diodeus，感谢您的及时答复。我只是有一个查询，如果我还需要在我的AddRow（）函数中每次添加每行时结束时调用setValidation（）。我试着实现它，但我得到一个错误，似乎缺少一个函数的参数。 JQuery中的一些函数需要参数，其中一个是输入[type = text]，另一个似乎缺少。想知道我需要传递哪些参数。提前致谢！ – Milind 2011-06-10 17:39:24

如何验证使用JQuery动态添加HTML表格的单元格？

回答

相关问题