时间戳

首页 > 解决方案 > 检查类的所有输入是否都有值

javascript - 检查类的所有输入是否都有值

问题描述

我在.address我的几个输入中添加了一个类。基本上，我想检查是否所有这些都已填写。我知道这可以通过像这样迭代类来实现：

var valueForAll = true;
$('.address').each(function (i, obj) {
    if ($(this).val() == "") {
        valueForAll = false;
    }
});
if (valueForAll == true) {
    // Do something
}
else {
    // Do something else
}

我不认为这是一个理想的解决方案。所以我找到了:empty选择器。像这样工作：

$("input:empty").length == 0;

但是，为我的班级这样做总是显示长度为 6。我不知道为什么。

$(".address:empty").length == 0;

编辑：

这不是一个重复的问题，因为这个问题来自@chrispbacon。这个问题的重点是如何检查一个类的所有输入是否都已填充，而不是 div 中的所有元素。我在 Stack Overflow 上找不到任何线程，专注于如何检查所有输入是否具有类的值而不迭代类。

标签： javascriptjquery

解决方案

https://developer.mozilla.org/en-US/docs/Web/CSS/:empty

:empty

用于查找没有子元素的元素。不适用于没有值的输入。

https://developer.mozilla.org/en-US/docs/Web/CSS/:blank

:blank

是一个用于空输入的新兴伪选择器，但仍在为浏览器添加覆盖范围。

推荐阅读