javascript - 检查所有输入是否为空

Question

我的页面上有多个输入，当其中任何一个被填充时，旁边会出现一个“信息 div”； 现在，如果所有输入都被手动清除(在 keyup 上)，我需要隐藏那个“信息 div”。

我如何检查(在 keyup 上)所有输入是否同时为空？

干杯

Answer 1

遍历所有输入，如果你得到一个非空的输入，你就知道它们并不都是空的。如果您完成循环而没有找到，那么它们都是空的。

function isEveryInputEmpty() {
    var allEmpty = true;

    $(':input').each(function() {
        if ($(this).val() !== '') {
            allEmpty = false;
            return false; // we've found a non-empty one, so stop iterating
        }
    });

    return allEmpty;
}

您可能希望在比较之前“trim ”输入值(如果您希望将其中只有空格的输入视为空)。您可能还想更具体地说明要检查的输入。