jquery - 在 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），那么您可以将值放入会话变量中。