javascript - "return false;"表单提交不起作用

Question

“返回错误；”表单提交适用于我的其余代码，但不适用于本节。有什么想法吗？

function checkForm() {
    $("select[name*=lic_company]").each(function() {
        if($(this).val() != '') {
            var i1 = $(this).parent("td").next("td").children("select");
            var i2 = i1.parent("td").next("td").children("input");
            var i3 = i2.parent("td").next("td").children("input");
            if(i1.val() == '') {
                i1.parent("td").addClass("formErrorTD");
                i1.addClass("formError");
                alert("You must enter a state for this license");
                return false;
            }
            if(i2.val() == '') {
                i2.parent("td").addClass("formErrorTD");
                i2.addClass("formError");
                alert("You must enter an expiration date for this license");
                return false;
            }
            if(i3.val() == '') {
                i3.parent("td").addClass("formErrorTD");
                i3.addClass("formError");
                alert("You must enter a license number for this license");
                return false;
            }
        }
    });
}

它正在被调用

$("#addAgentForm").submit(checkForm);

Answer 1

您正在闭包中调用 return false;，该闭包是传递给 .each 的参数。因此，.each 正在捕获return false;。为了解决这个问题，您需要有一个 bool 标志来保存表单的状态:

function checkForm() {
    var okay = true;

    $("select[name*=lic_company]").each(function() {
    ...
        return okay = false;
    ...
    });

    return okay;
}

一切都会正常进行。