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 &quot;Submit&quot; change to &quot;Please wait...&quot; 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">&lt;&lt; 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

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.

<< Go Back

Example Tutorial by wallpaperama.com





<< Go Back

Copyright © 2010 - tuiz.com - All Rights Reserved

Hosting Provided By Webune.com