javascript - 如何在多次点击提交后只提交一次表单？

Question

我遇到问题，当我尝试通过单击提交按钮提交表单时，在此期间发布请求需要一些时间，如果我再次单击提交按钮，它将再次发送所有参数和参数获取保存两次，三次......等等。

我不知道如何限制提交按钮，这样表单就不会被提交两次。 我想当我点击提交时，我必须禁用提交按钮，这样用户就不能再次点击它，这是正确的做法吗？

Answer 1

禁用该按钮是一种解决方案，但可能会给只需按回车键提交表单的键盘用户带来问题。在这种情况下，该按钮不会被禁用。万无一失的方法是像这样处理 onsubmit 事件:

(function () {
    var allowSubmit = true;
    frm.onsubmit = function () {
       if (allowSubmit)
           allowSubmit = false;
       else 
           return false;
    }
})();

(好吧，无论如何你都可以在启用 JS 的情况下获得成功)。您可以禁用该按钮，以向最终用户视觉确认该表单也只能提交一次。