javascript - 表单验证在第一次迭代时停止

Question

我正在尝试编写用于表单验证的js代码。我想出了这段代码，我首先想检查字段是否为空:

var validationInfo = {"displayname" : {}, "password" : {}, "email" : {}, "username" : {}};

document.newUser.onsubmit = function () {
    for(key in validationInfo) {
        var field = document.getElementById(key);
        if(field.value == "") {
            field.setAttribute("style","background-color: yellow;");
            field.select();
            return false;
        }//checking empty fields
    }//check validation
    return true;
}

当我仅提交表单的第一个字段时，它会变成黄色，所以我认为验证在第一次迭代后停止。 “return false”的位置是否错误？

第二个问题，如果我想检查其他内容，例如字段是否为空，我应该在同一个函数或另一个函数中执行此操作吗？最佳实践是什么？

谢谢

Answer 1

使用变量 _valid 并在发生任何验证错误时将其分配为 false。返回此变量。

var validationInfo = {"displayname" : {}, "password" : {}, "email" : {}, "username" : {}};

document.newUser.onsubmit = function () {
    var _valid = true;
    for(key in validationInfo) {
        var field = document.getElementById(key);
        if(field.value == "") {
            field.setAttribute("style","background-color: yellow;");
            field.select();
            _valid = false;
        }//checking empty fields
    }//check validation
    return _valid;
}