How to prevent a button from being clicked more than once?

I need to disable the submit button after the first click, but I haven't managed to find a code that works for all browsers...

 

use this code

<input type="Button" name="Submit" value="Submit Form" onclick="if(this.value == 'Submit Form') this.form.submit(); this.value = 'Please Wait...';">

 

Thanks, but all this does is change the text once it's pressed. It can still be pressed multiple times, it won't be disabled. I need it disabled.

 

what you would use is onclick="this.disabled='true';" , but if this is a submit button for a form it doesn't seem to submit after doing that so the following should be correct.

<input type="submit" onclick="this.disabled='true'; document.getElementById('myFormID').submit();"/>

Code (markup):

 

That works fine in firefox, but not in opera

 

nvm got it sorted...

 

make function to hide that button place it in one div n add blank innerHTML after click! that will help you!!

 

use disable HTML property, it work on all browser