禁用提交,但如果按下后退按钮,请确保重新启用

时间:2014-07-24 03:31:08

标签: javascript forms onclick onsubmit

我有一个表单,需要几秒钟才能提交。我想禁用提交按钮并显示“正在处理...”我将其禁用5秒钟。问题是表单正在提交给yay的页面显示错误,并且作为用户返回并修复错误。当我单击后退链接时,如果在5秒计时器重新启用它之前成功提交了提交按钮,则提交按钮将保持禁用状态。问题是 - 有没有办法重新启用提交按钮,所以如果我必须返回修复某些表单数据,它不会被冻结?

1 个答案:

答案 0 :(得分:3)

您的按钮位于表单内:

<button type="button" onclick="this.disabled=true; this.form.submit();" class="submit">Submit</button>

使用jquery加载此脚本:

$(window).on('unload', function() {
    $('button.submit').removeAttr('disabled');
});

对我来说,就像魅力一样。