how to prevent multiple clicks on form button

Question

I am using the code below to submit values to my db.

<input id="btn_'.$temp['id'].'" value="Confirm" style="background: #409940; border-radius: 10px; color: white;" type="button" onclick="validaLink(\''.$temp['id'].'\');">

Problem:

with in 2 secs , multiple clicks are submitted with the same value, till the div fads out.

What I have done:
I tried to disabled the form button after submit. but i guess 2 onclick events does not work.

suggestions / code corrections please

Consider looking into using sessions and tokens phpro.org/tutorials/Preventing-Multiple-Submits.html as a server-side method, in conjunction with the other comments below. — Funk Forty Niner
– Funk Forty Niner, Commented Sep 18, 2014 at 19:05
onclick="javascript:window.open(\''.$temp['shorten'].'\'); this.disabled = true;" — Joao Paulo
– Joao Paulo, Commented Sep 18, 2014 at 19:06
Maybe add this.disabled=true; after your window.open(\''.$temp['shorten'].'\'); — Funk Doc
– Funk Doc, Commented Sep 18, 2014 at 19:06
The comment and link from Nischaal does not answer this question. Joao Paulo's answer is most appropriate for this question. — Funk Doc
– Funk Doc, Commented Sep 18, 2014 at 19:17

Joao Paulo · Accepted Answer · 2014-09-18 21:02:19Z

3

Try this

onclick="javascript:validaLink(\''.$temp['id'].'\'); this.disabled = true;"

edited Sep 18, 2014 at 21:02

answered Sep 18, 2014 at 19:18

Joao Paulo

1,1135 gold badges18 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

khalil Over a year ago

please check the new code .. earlier i copied the wrong line here

Alexandre Leites · Accepted Answer · 2014-09-19 15:47:20Z

0

The following code will disable the onclick event handler for the button after the first click, and also disable the button itself.

onclick="this.onclick=null;this.disabled = true;validaLink(\''.$temp['id'].'\');"

edited Sep 19, 2014 at 15:47

answered Sep 18, 2014 at 19:23

Alexandre Leites

3981 gold badge4 silver badges16 bronze badges

2 Comments

khalil Over a year ago

the problem that i am facing .. is ,, if i make 20 clicks , before the button disappears. 20 records will be added to the db

khalil Over a year ago

please check the new code .. earlier i copied the wrong line here –

Collectives™ on Stack Overflow

how to prevent multiple clicks on form button

2 Answers 2

1 Comment

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Linked

Related