javascript - 返回 javascript 函数的真/假值，然后根据该值执行操作

Question

我正在构建一个联系表单，我需要 jQuery 验证器的帮助。

function contactform() {
    $("form #submit").on("click", function() {
        $("form input").removeClass("error");
        validator();
        // 3rd action goes here
    });
});

validator()检查是否有任何输入为空，如果是，则向其中添加一个错误类：

function validator() {
    $("form input").each(function() {
        var value = $(this).val();
        if (value.length <= 0) {
            $(this).addClass("error");
            return false;
        }
    });
});

现在，对于contactform()我想说的第三个动作，如果validator() = true（即没有为空的输入），然后继续下一个代码。

我似乎无法返回validator(). 有人知道最好的方法吗？

Answer 1

这是另一种使用filter方法的解决方案：

function validator() {
    return $("form input").filter(function() {
        return $.trim(this.value).length == 0;
    }).addClass("error").length == 0;
});

function contactform() {
    ...
    if (validator()) {
        // it's OK
    } else {
        // there are errors
    }
}

更新：在@am_not_i_am的帮助下进行了惊人的更新。谢谢！

Answer 2

function validator() {
    var result = true;
    $("form input").removeClass("error");
    $('form input').each(function() {
           if(!$.trim(this.value)) {
             $(this).addClass('.error');
             result = false;  
           }
     });
    return result;
}


function contactform() {
    $("form #submit").on("click", function() {
        if(validator()) { // pass the validation

        } else { // fail validation

        }
        // 3rd action goes here
    });
});

Answer 3

您似乎遇到的问题是您有一个嵌套函数和闭包，这会阻止您直接返回值。

像这样的东西应该可以解决问题：

function validator() {
    var result=true;
    $("form input").each(function() {
        var value = $(this).val();
        if (value.length <= 0) {
            $(this).addClass("error");
            result = false;
        }
    });
    return result;
});