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

Question

我有问题,当我试图通过点击提交按钮提交表单时,如果我再次点击提交按钮,它将需要一些时间来发布请求它将再次发送所有参数和参数保存两次,三次......等等.

我不知道如何限制提交按钮,以便表单不应该提交两次.我想当我提交时,我必须禁用提交按钮,以便用户无法再次点击它,这是正确的方法吗？

Answer 1

禁用该按钮是一种解决方案,但对于刚刚按Enter键以提交表单的键盘用户可能会出现问题.在这种情况下,该按钮不会被禁用.肯定的方法是onsubmit像这样处理事件:

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

(好吧,尽管如此,你可以通过JS启用).您可以禁用该按钮作为最终用户的视觉确认,表单也只能提交一次.

Answer 2

<input type="submit" onclick="this.disabled = true" value="Save"/>

Answer 3

在 chrome 中使用这个：

<input type="submit" onclick="this.form.submit();this.disabled = true;" value="Save"/>