javascript - 如何对 Jquery 中的克隆元素应用验证？

Question

有一个带标签的文本框；对 isnumeric 进行验证。

Money: <input type="text" id="dollar" name="dollar" data-require-numeric="true" value=""> 
//Textbox with id dollar0 

在运行时，我已经创建了上面的克隆；通过单击名为添加的按钮；这创建了另一个具有不同 id 和其他属性相同的文本框；说。

Money: <input type="text" id="dollar1" name="dollar1" data-require-numeric="true" value="">
//Cloned textbox; cloned by clicking on a button named clone

在两个文本框上，data-require-numeric 都为真。

问题:对于默认文本框，正在执行 JQuery 验证。但是对于新克隆； JQuery 没有运行。

以下是 jquery:

var economy= { 
init: function () {
$('input[type="text"][data-require-numeric]').on("change keyup paste", function () {
        check isnumeric; if yes then border red
    });
}};
$(economy.init);

如何解决？

Answer 1

试试这个:您需要使用 .on() 注册点击事件处理程序，方法如下，为 document 注册点击处理程序，这会将事件委托(delegate)给 '输入[type="文本"][data-require-numeric]'。这样您就可以处理动态添加的元素的事件。

var economy= { 
init: function () {
$(document).on("change keyup paste",'input[type="text"][data-require-numeric]', 
    function () {
        check isnumeric; if yes then border red
    });
}};
$(economy.init);