When disabling submit button form is not submitting

Question

I found this code to prevent double submit a form, but this code is not working as it should, it is disabling the submit button and changing the button value to "Please wait" but it is also submitting form.

<input type="submit" value="Submit" name="reply" onclick="this.disabled=true; this.value='Please Wait...';" />

How can I fix this? Thanks in advance

return false; at the end. Also, when should it submit if not when you click it? — Federico klez Culloca
– Federico klez Culloca, Commented Jan 17, 2018 at 15:23
Actually when the button is clicked it takes some time to refresh the form and if in that time the button is clicked the form is submitted again, so i just want the form to submit once either by disabling the button or totally hiding it — Yaser
– Yaser, Commented Jan 18, 2018 at 7:19

Cr1xus · Accepted Answer · 2018-01-17 15:30:04Z

2

$("form").on("submit",function(e){ e.preventDefault(); $(this).find("[type='submit']").attr("disabled","disabled").attr("value","Please wait"); if(everything is ok) //you didn't specify what this is in your question. $(this).submit(); });

answered Jan 17, 2018 at 15:30

Cr1xus

4374 silver badges20 bronze badges

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

2 Comments

Yaser Over a year ago

what should be specified in this line if(everything is ok)

Cr1xus Over a year ago

@Yaser what do you need to do before submitting? If you don't want to do anything, just delete the if statement

Yaser · Accepted Answer · 2018-01-18 08:57:04Z

for anyone concerned i found this way and it worked for me

<input type="submit" value="Submit" name="reply_ticket" class="btn" onclick="this.style.visibility = 'hidden'" />

just add this to the button or input works either way

Collectives™ on Stack Overflow

When disabling submit button form is not submitting

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related