javascript - jquery 将变量设置为 true 并获取 var 是否为 true

Question

我正在验证表单字段，当所有表单字段都正确填写后，我想启用提交按钮。我的验证工作正常，但没有将变量设置为 true 并检查该变量。例如..

if(password != confirm_password) {
$("#password_mismatch").css("display", "inline");
} else {
$("#password_mismatch").css("display", "none");
var password_match_valid = true;
return false;
}

此函数检查所有内容是否已验证并启用按钮

function validate(){
if ($('#name').val().length   >   0   &&
    password_match_valid == true) {
    $('#signup_btn').prop("disabled", false);
}
else {
    $('#signup_btn').prop("disabled", true);
}
}

引起问题的是

var password_match_valid = true;

和

password_match_valid == true

Answer 1

这会设置一个局部变量:

var password_match_valid = true;

此变量在声明它的函数外部不可见，尤其是在 validate 函数中不可见。

一种解决方案是通过添加

使其成为全局性的

var password_match_valid;

在全局范围内并删除您当前拥有的 var 关键字。

但尚不清楚为什么不直接在 validate 函数中完成测试，因此可能有更简洁的解决方案，具体取决于其余代码。