Question

我需要验证以下代码的动态附加输入文本框

$("#btnadd").click(function() {
             // Made it a local variable by using "var"
            var addkey = document.getElementById("txtaddkey").value;
            if(addkey!=""){
                $('<li><span>'+addkey+'</span><span class=\"amountin\"><a href=\"#\">$0.05</a> $ <input type=\"text\" maxlength=\"5\"/></span><span class=\'close ui-icon \'></span></li>')
                    .find('.close').click(function (){
                        $(this).parent().remove();  
                    })
                    .end().appendTo('#keyword');
                $('#txtaddkey').val('');
            }
        });

Answer 1

我认为这可能有助于JQuery validate dynamically add rules

Answer 2

如何将jQuery 处理的任何内容添加到动态追加的元素

http://api.jquery.com/live/ - Live专为此事而设计

如果附加了<input type='text' id='mytextbox'></input>的文本框，那么这会有所帮助：（注意：我建议您在文本框中添加一个ID，如果它只显示一次，或者是有用的classname，如果它将被重复添加〜更新下面的选择器以反映ID或类）

$('#mytextbox').live('keyup', function(event){ 
  if ( $(this).val() == "fail value" ) {
    $(this).val() = "good value";
  }
});

这实际上取决于您想要如何验证它。最初的问题并没有真正展示你现在如何验证它（除非我遗漏了什么）

如何为动态添加的输入文本框添加jquery验证

2 个答案: