做表单提交时,为了防止重复提交数据,在按表单提交按钮后,我会让按钮变成禁用状态,等提交后,如果出现错误的话,会后退到表单页面,可我发现用火狐浏览器的话,后退回来时或者刷新后,按钮仍然还是禁用状态。
在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(){
//这儿不用写任何代码
});