检查所有输入是否为空

Question

我的页面上有多个输入,当它们被填充时,侧面会出现"info div"; 现在如果所有输入都被手动清除(在keyup上),我需要隐藏"info div".

如何检查(在密钥上)所有输入同时为空？

干杯

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;
}

您可能希望在比较之前"修剪"输入值(如果您想将输入中只有空格处理为空).您还可能希望更具体地了解您正在检查哪些输入.