使用jquery动态生成目标内容

Question

所以我有10个输入动态创建，我想要做一个简单的验证，如果它们不是空白，问题是我的代码不适用于这些因为它们不是在页面加载时创建的。

我怎么能实现这个目标？ Thx提前

function submitForm() {
    for(var i = 0; i < 10 ; i++){
        if($("#input"+i).value == null){
            alert("False!!");
        }
    }
}

Answer 1

您应该使用val()来检查输入值而不是value

 (function() { var i = 0; $('button').click(function() { $('body').append('<input type="text" id="input-' + i + '">'); i++; }); $('input[type="submit"]').click( function() { $('input[type="text"]').each(function() { if ($(this).val() == '') { alert($(this).attr('id') + ' is empty'); } }); }); })(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="submit" value="Submit"> <button>Create input</button> 

Answer 2

您应该使用.val()而不是.value 。 我还建议使用.each() 。 此外，当input为空时，其值为""不为null 。

 for(var i = 0; i < 10 ; i++) {
    if($("#input"+i).val() == "") {
        alert($("#input"+i).attr('id') + " is empty!")
    }
 }

的jsfiddle