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