javascript - 检查所有输入字段是否已使用 jQuery 填写

Question

我有 3 个 div，每个都有几个输入字段和下一步按钮。我想编写一个 jQuery 片段，当单击下一个按钮时，它会检查以确保与按钮位于同一 div 内的所有输入字段都不为空。

我已经尝试了以下但没有成功，但我 100% 肯定它是错误的，只是我无法在网上找到相关信息......

http://jsfiddle.net/xG2KS/1/

Answer 1

你可以使用 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 .