Question

When I am clicking a submit button on my HTML form, the function related to the button is called and it does its work. After completing the work a mail notification is sent which is consuming too much time. After that a confirmation message is displayed on the same HTML page (without using Ajax; i.e., the page is refreshed).

I want to avoid letting the user click the submit button multiple times in confusion during the waiting period of sending mails. So I am thinking that I should disable the button after it is pressed once.

How can I do this?

Can you please suggest any other technique to achive this goal without disabling the button?

Answer 1

How can I do this?

You can take a look at the javascript code in this page:

http://www.codinghorror.com/blog/archives/000096.html

<input type="Button" onClick="this.value='Submitting..';this.disabled=true;" value="Submit">

Can you please suggest any other technique to achive this goal without disabling the button?

Show a busy panel:

“… Your request is being processed please wait…”

_{(source: vodafone.co.uk)}