为什么这个jQuery输入值检查器不起作用？

Question

我需要检查所有的输入，看看他们是否充满，在这种情况下，提交按钮将成为可按压，用户可以放心地提交数据：

unfilled = false; 
$('.add-field').keypress(function(){ 
    $('.add-field').each(function(){ 
     if($(this).val() === ''){ 
      unfilled = true; 
     } else { 
      unfilled = false; 
     } 
    }) 
    console.log(unfilled); 
}); 

此代码的工作，但它有一个奇怪的捻;当最后一个空输入获得一个字符时，它仍然返回true。如果输入获得另一个字符，则只有它返回false。我对此感到困惑，因为我知道.each()函数在一个字符被添加并且输入的值已被更新后被触发。因此，我不明白为什么它没有注册那个价值。

Answer 1

您可以使用过滤器和使用keyup事件，而不是为Del键：

DEMO

$('.add-field').keyup(function() { 
    var unfilled = !! $('.add-field').filter(function() { 
     return $.trim(this.value) === "" 
    }).length; 
    console.log(unfilled); 
}); 

Answer 2

这里===意味着它是精确匹配的数据类型：

if($(this).val() === ''){ 

与==替换为：

if($(this).val() == ''){ 

Answer 3

据我所知，这是一个“问题”使用时KeyPress -event，因为浏览器的UI线程没有更新输入字段的值。因此当前值仍然是'空'，因此返回true;您可以使用KEYUP -event或尝试这样的事：JavaScript keypress event get end value of textarea

Answer 4

您应该设置unfilled到false进入循环前（但内里的keyup）。

在循环中，您应该只设置unfilled到true当字段emty而不是重新设置为false，否则如果最后一个字段填入你只知道。