javascript - 无法在 Javascript 的 for 循环中评估数组的所有值

Question

我正在尝试编写自己的函数来评估输入字段以查看它们是否具有值。所以我写了这个 for 循环:

$("button").click(function(){
    for (var ii = 0; ii < personalInfo.length; ii++) {
      if ($(personalInfo[ii]).val() == 0) {
        $(personalInfoLabels[ii]).addClass("required");
      }
      else{
        $("button").parent("fieldset").slideUp();
      }
    };
});

到目前为止，循环可以毫无问题地识别空数组的位置并正确标记它们。

但是，如果任何位置有值，事件就会发生。我怎么能说循环的每个位置是否都有一个值，触发事件，但如果没有标记所需的字段？

代码的 JSFiddle 位于 http://jsfiddle.net/bjKX7/。

Answer 1

我稍微重新安排了您的代码，请在此处查看:

$("#cont-one").click(function () {
    var error = 0;
    for (var ii = 0; ii < personalInfo.length; ii++) {
        if ($(personalInfo[ii]).val() == 0) {
            $(personalInfoLabels[ii]).addClass("required");
            error++;
        } else {
            $(personalInfoLabels[ii]).removeClass("required");
        }
    };
    if (error) {
        return false;
    }
    $("#cont-one").parent("fieldset").slideUp();
});

此代码将遍历所有输入并将类添加到您想要的那些。它还将删除该类以防它们被填满。我还添加了一个 return false; 以防出现错误，因此函数和表单提交将在此处停止(以防出错)。

请记住，输入字段是自动关闭的，所以像我在演示中所做的那样，将 / 关闭代码添加到输入中。

演示 here