How to prevent double form submission?

On the page that contains the form, add this script:

<script>
var dd_submitted = false;

function dd_if_submitted() {
	if (dd_submitted) {
		return false;
	} else {
		dd_submitted = true;
		return true;
	}
}
</script>

And use the following in the form:

<form ... onsubmit="return dd_if_submitted()">

Please note that all solutions to stop double-posting will fail if the user has disabled javascript in their browser.

Thanks for your reply!

I tried the code above but it didn’t work for me. Not sure why.

Hmm…that should have worked. Here’s another option to try. On your submit button, add something like this:

<input type="submit" ... onclick="this.style.visibility='hidden'" />

What this does is hide the submit button after it’s been clicked. That should stop double-posting as well.

Thanks! I’ll give it a try.

Your original idea should be fine — if it’s changed to use readonly instead of disabled. The latter prevents the submission of the element’s value (i.e. if the form processing script is expecting the $_POST['save'] value or whichever, then it won’t work).

<form … onsubmit=”myButton.readonly=true; return true;”>

Thanks everyone for your help. It works now. I used the second option given by @diondesigns . ??