HOME > TIPS > JAVASCRIPT > DISABLING FORM DOUBLE-SUBMITS


	TIPS
		WEB DESIGN
		HTML
		CSS
		JAVASCRIPT
		PHP
		MySQL
		SEO



	TUTORIALS
		WEB DESIGN
		HTML
		JAVASCRIPT
		PHP
		SEO



	RESOURCES
		ADD LINK
		LINK TO US



	TOP DIRECTORIES
	COMMENTS
	SUBSCRIBE
	PRIVACY POLICY
	SEARCH

Disabling form double-submits

I've looked at a lot of javascript tutorials on the web that promise to disable double submits on your HMTL forms. Most are complicated and didn't even work on my system (I use an obscure browser called Internet Explorer). Here is the simplest bit of javascript code that I found worked the best. Just add the following code to your submit button:


onclick="this.disabled=true,this.form.submit();"

The javascript is executed the first time someone clicks the submit button. The first bit of code 'this.disabled=true' disables the button so it can't be clicked again. The second bit of code 'this.form.submit()' then submits the form results (the form won't work at all without this code). In the end, your form should look something like this (with your own additional fields in there, of course):


<form>

<input type="submit" value="Send" onclick="this.disabled=true,this.form.submit();">

</form>

Comments

Comment by bla on 2007-09-21
comment

Comment by Rose on 2011-07-04
This is exlatcy what I was looking for. Thanks for writing!

Comment by discount Michael Jordan Shoes on 2010-09-17
Air Jordan Shoes are always so attractive, good quality can ensure the wearer's feet, not only that, the Michael Jordan Shoes has become a fashion, many young people are very fanatical Air Jordan. High price so many people can realize their dreams. Well now, our products directly from third-party products, so we can provide cheap Jordan Basketball Shoes and New Jordan Shoes, high quality, excellent service, come on, give yourself a choice. We offerAir Jordan 1, Air Jordan 2, Air Jordan 3,Air Jordan 4, Air Jordan 5, Air Jordan 6, Air Jordan 7, Air Jordan 8, Air Jordan 9, Air Jordan 10, Air Jordan 11 and so on!

NEWS

New tip: open link in new window

New resource: Internet Explorer downloads

New tip: start cursor in a form field

New tutorial: upload files using a HTML form

Directory of webmaster resources

New section: CSS tips

New tip: finding webpages to link to your site

Updated directory list

New Hexadecimal Color Chart

New tips on Alexa ranking & clean linkage