Fri Jun 12, 2009 8:36 pm - How Prevent And Avoid Double Clicking On Web Forms On Submit
#65
How Prevent And Avoid Double Clicking On Web Forms On Submit
This is how you do it, copy and save this code, save it as wallpaperama-form.html and open it with your browser:
| <script type="text/javascript"> <!-- function checkForm(form) { // // check form input values // form.SubmitButton.disabled = true; form.SubmitButton.value = "Please wait..."; return true; } function resetForm(form) { form.SubmitButton.disabled = false; form.SubmitButton.value = "Submit"; } // --> </script> <p>This short tutorial will show you how to avoid multiple submissions from users by disabling the submit button once the form has been submitted </p> <form method="POST" action="http://www.wallpaperama.com" onSubmit="return checkForm(this);"> <p>Your Name: <input type="text" name="textfield"> (put whatever you want) </p> <p>Your Comments: <textarea name="textarea"></textarea> (put whatever you want)</p> <p>Notice once you hit the Submit button, you will see the "Submit" change to "Please wait..." and you won't be able to submit the form again. </p> <p> <input type="submit" name="SubmitButton" value="Submit"> </p> </form> <p align="left"><a href="http://www.wallpaperama.com/forums"><< Go Back</a></p> <p align="center">Example Tutorial by <a href="http://www.wallpaperama.com">wallpaperama.com</a> </p> |
DEMO
This short tutorial will show you how to avoid multiple submissions from users by disabling the submit button once the form has been submitted
Example Tutorial by wallpaperama.com
author: wallpaperama