在Firefox中使用“后退”按钮时，表单提交按钮保持禁用状

Question

我正在使用一些jquery在单击后禁用表单提交按钮以防止意外重复点击。这适用于除Firefox以外的所有浏览器。在Firefox中，如果用户使用浏览器“后退”按钮在发生提交按钮禁用后返回页面，则仍会禁用提交按钮。有没有解决这个问题的方法？

Answer 1

您可能应该在表单中添加autocomplete =“off”参数

<form autocomplete="off">
  <input type="submit" />
</form>

Answer 2

$(document).ready(function() {
    $('input[type=submit]', this).attr('disabled', false);

    $('#myform').submit(function(){
        $('input[type=submit]', this).attr('disabled', true);
    });    

});

使用jQuery，这将使得在使用浏览器上的后退按钮时不会禁用该按钮。在FF 3.5上测试。

Answer 3

如果浏览器禁用了缓存，则会重新加载页面，就像没有发生任何事情一样（没有点击按钮）。

如果您想要客户端，可以使用cookie。

现在，如果你有一个服务器端技术（PHP / Rails），那么你可以将值放在会话变量中。