Disable submit button after click: step-by-step guide

Question

There is a submit button at the end of the form.

I have added the following conditions to the submit button:

onClick="this.disabled=true;
this.value='Sending…';
this.form.submit();"

But when jumping to the next page, the parameters are not passed and a null value is passed.

Answer 1

You should submit the form first and then change the submitted value:

onClick="this.form.submit(); this.disabled=true; this.value='Sending…'; "

Answer 2

You may have submitted the form twice. Remove this.form.submit() or add return false at the end.

You should end up with onClick="this.disabled=true; this.value='Sending…';"