How can i disable a submit button and execute submit_action method on click

Question

Good Day,
On my page I have a submit button that execute the submit_action method of the page backing bean that submit data captured on the page into a database and activate another class that send mail at the same time on a click of the submit button,the mail process takes a while before returning back to the page.I was able to disable the submit button to prevent the user from keep click while the process is running but the issue is on clicking the submit button it only disable the submit button without executing the submit_action method of the page backing bean.How can i disable the submit button and execute submit_method of the backing bean at the same time.
Thanks in advance.

Answer 1

I tried this out on one of my pages to see if it works.
First, I added the following JavaScript to my submit button's onClick event:
this.disabled=true; return true;When I clicked the submit button, it was disabled but the form was not submitted.
I deleted the JavaScript from the onClick event and added the following JavaScript to the form's onSubmit event:
var button = document.getElementById("form1:submitButton"); button.disabled=true; return true;When I click the submit button, it was disabled and the form was submitted but the button's action method was not called.
The next thing I tried was to change the onSubmit event code:
var button = document.getElementById("form1:submitButton"); setTimeout("button.disabled=true", 500); return true;This seemed to work. The difference was that I added a 1/2 second delay before disabling the button.
See if that works for you. If not then I'm fresh out of ideas.