解决firefox页面刷新后退，按钮禁用状态无法恢复

做表单提交时，为了防止重复提交数据，在按表单提交按钮后，我会让按钮变成禁用状态，等提交后，如果出现错误的话，会后退到表单页面，可我发现用火狐浏览器的话，后退回来时或者刷新后，按钮仍然还是禁用状态。

在button标签里加上autocomplete="off"后，可以解决刷新后的禁用问题，可是后退依然解决不了

还有一种方法，用pageshow事件里把按钮启用

我发现用removeProp("disabled")的话，可以启用那些动态禁用的，那些本来就是禁用的不会影响

$(window).on("pageshow",function(){      $("button").prop("disabled",false);});

在beforeunload事件里也行

$(window).on("beforeunload",function(){  $("button").prop("disabled",false);});

但是用prop("disabled",false)的话，太粗爆了，原来一些禁用的按钮也都启用了，要不就把需启用的按钮一个个启用，也太麻烦了

最近发现一个更神奇的方法，如下面代码所示

<button type="button" autocomplete="off">我是一个会自动恢复禁用状态的按钮</button> //为了解决火狐刷新后退按钮不恢复禁用状态 $(window).on("beforeunload",function(){       //这儿不用写任何代码 });