javascript - 在提交时禁用带有 javascript 的表单以防止重复提交

Question

我想在提交后禁用表单，以防止重复提交。我认为这是非常标准的用例，但我能找到的所有示例都有缺陷。

我能找到的所有内容都是基于禁用提交按钮，但这并不能阻止用户在表单上按下回车键时重新提交表单，这是一种非常常见的方法。

我正在考虑修改其中一个现有脚本来解决这个问题，但在我重新发明轮子之前，有没有人知道已经可以正确处理此问题并且可以共享的脚本？我真的很惊讶那里似乎什么都没有。

Answer 1

您可以创建一个 bool 变量(或具有 bool 成员变量的对象)，并且仅在该变量为 false 时才提交表单。像这样的东西:

function init() {
    var submit = false;
    var f = document.getElementById("FormID");
    f.onsubmit = function() {
        if(submit) {
            return false;
        } else {
            submit = true;
            return true;
        }
    }
}

当然，您必须在页面加载后调用 init，无论您选择哪种方式(window.onload = ...，window.addEventListener(...)、window.attachEvent(...) 等)。