jquery - 如何基于ajax响应提交表单和停止提交表单

Question

我正在使用带有 onsubmit 标记的表单。在 onsubmit 函数中，我将调用 ajax，并在成功函数中返回 true，在错误部分返回 false。但总是表单已提交。

html

<form action="/" method="post" onsubmit="return formsubmit()">

脚本

function formsubmit() {
"use strict";
var isBasic = $(".test").val() //this is hidden element
if (isBasic === "true") {      
    return true;
}
if (isBasic === "false") {      
        $.ajax({
            type: "post",
            url: "/",
            data: "sample",
            success: function (data) {
                if (data.success) {
                    return true;
                }
                if (!data.success) {                      
                    return false;
                }
            },
            error: function () {

            }
        });
    }
}

}

这对我不起作用。始终提交表单。请帮我解决这个问题。

Answer 1

您希望从“formsubmit”函数返回值是正确的，但您无法从异步调用返回(ajax 调用是异步的)。

重构您的代码以捕获按钮单击而不是响应表单提交。在按钮单击事件中执行 ajax 调用，将回调函数传递给 ajax 调用。在回调函数中决定是否提交表单。