如果用户中断重定向到新页面，则禁用提交按钮将保持禁用状态

Question

I'd like to disable a submit button after it's pressed using javascript.

myForm.onsubmit = function() { ... mySubmitButton.disabled = true; ... }

But when a user stops opening a new page while the current is still alive, the button remains Disabled.

The same result there will be if the content from server is a file (there will be no redirection to a new page in this case).

Is there a way to determine if the browser doesn't 'want' to load a new URL any more and re-enable mySubmitButton?

Answer 1

I think you can use setTimeout to call a function that re-enables the button. The timeout must be a reasonable value, like 5000 (5s). I don´t remember if the setTimeout/Interval calls are executed after page redirect, so, test it first.

Answer 2

There are several ways to do this if you really need to do it all client side :

1. Try to reenable the button if user decides to edit again eg clicks on any form field.

2. What @Adilson said, setTimeout is also a good solution, you don't need to wait more then a few seconds to know something gone wrong.

3. You can also submit the form with the jQuery ajax call which can return the command to re-enable the button if submitting failed.

I'm sure there are more solutions. I hope those 3 will give you an idea to solve the problem you have.