防止在 jQuery 表单上提交

Question

我正在使用 jQuery 和 ajax 在登录表单上设置密码控制。
到目前为止，这是脚本

$(document).ready(function() {
    $("#login-form").submit(function(e) {
        var csrftoken = getCookie('csrftoken');
        var password = $('#login-password').val();
        var email = $('#login-email').val();

        $.ajax({
            url: "/password_check/",
            type: "POST",
            dataType: "json",
            data : {
                csrfmiddlewaretoken: csrftoken,
                password: password,
                email: email
            },
            success: function(result) {
                document.getElementById("login-error").innerHTML = result.response;
                event.preventDefault();
            }
        });
        return false;
    });
});

这样，在触发提交按钮时会捕获错误，但如果密码正确，提交将不起作用（即使错误不再出现）。
我错过了什么？

Answer 1

您有一个异步 ajax 调用，所以当您的success函数触发时，表单提交事件已经通过，因此您需要再次提交表单，但使用 DOM 方法，这将绕过 jQuery 事件处理程序并允许表单提交。

success: function(result) {
    if(result == "correct"){
        document.getElementById("login-form").submit();
    } else {
        document.getElementById("login-error").innerHTML = result.response;
    }
}

由于您没有说明什么响应表示正确的密码，我使用了result == "correct" ，因此请相应地更改。

Answer 2

仅当您不想提交表单时才必须返回 false。 如果密码正确，您需要在您的情况下返回 true。