Javascript disabling a button during requests

Question

I am trying to briefly disable a 'Save' button on a page during requests to prevent users from clicking it twice. Following advice that I found here, I put

elem.setAttribute("disabled","disabled")

at the very beginning of the onclick method, but it doesn't work, I can still click multiple times very fast and cause multiple requests to be sent before the buttons get disabled. Does anyone have any advice?

Here's a [fiddle](http://jsfiddle.net/qKVLp/) I mashed together. I wasn't able to click fast enough to call it twice. Are you sure the handler is the actual cause of the problem? — fjdumont, May 30 '13 at 19:59

score 1 · Answer 1 · answered May 30 '13 at 19:53

1

Try using the elements properties instead of its attributes

elem.disabled = true;

answered May 30 '13 at 19:53

Musa

96,336
17
118
137

score 1 · Answer 2 · answered May 30 '13 at 19:56

The onclick method can do this, too. In addition to disabling the button.

if (inclick) return;
inclick = true;

... handle the entire click work ...

inclick = false;

be sure to default inclick = false; at the start of the world.

This will make sure any fast clicks get ignored. (It's a sort of 'debouncing' effect.)

score 0 · Answer 3 · edited May 23 '17 at 12:11

0

like this

elem.attr("disabled", "disabled");

$("#idButton").attr("disabled", "disabled");

could you help this.

Disabling a submit button after one click

http://jsfiddle.net/V7B3T/12/

edited May 23 '17 at 12:11

Community

1
1

answered May 30 '13 at 19:55

Elfego

11
2

Where is jquery mentioned? – mplungjan May 30 '13 at 19:56

Javascript disabling a button during requests

3 Answers3