javascript - 为什么这个 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 内部)，您应该将 unfilled 设置为 false。

在循环中，当字段为空时，您应该仅将 unfilled 设置为 true，并且不要再次将其设置为 false，否则您'我只知道最后一个字段是否被填写。