我有 3 个 div，每个都有几个输入字段和下一步按钮。 我想编写一个 jQuery 片段，当单击下一个按钮时，它会检查以确保与按钮位于同一 div 内的所有输入字段都不为空。
我已经尝试了以下但没有成功，但我 100% 肯定它是错误的，只是我无法在网上找到相关信息......
最佳答案
你可以使用 filter将所有 input 元素的集合减少到只有那些为空的元素，并检查剩余内容的 length 属性:
$(".next").click(function() {
var empty = $(this).parent().find("input").filter(function() {
return this.value === "";
});
if(empty.length) {
//At least one input is empty
}
});
注意上面代码中empty的定义是一个空字符串。如果您也想将空格视为空，则可能需要在比较之前 trim 该值。
另请注意，无需在 filter 函数内将 this 传递给 jQuery。 DOM 元素本身将有一个 value 属性，访问它比使用 val 快得多。
这是一个 updated fiddle .
关于javascript - 检查所有输入字段是否已使用 jQuery 填写，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8907835/