Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Forms » [*TITLE HERE*]

Submit Once Script

This script will prevent the visitor from submitting the form after the first submission. Basic field validation also included.

Sample:

Your Name:   
Your Email:  

Comments?





[ Click the submit button twice to see the script in action ]

Insert this code before </head>

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
var submitcount=0;

function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}

function checkFields() {                       // field validation -
if ( (document.emailform.name.value=="")  ||   // checks if fields are blank.
     (document.emailform.email.value=="") ||   // More validation scripts at
     (document.emailform.comments.value=="") ) // forms.javascriptsource.com
   {
   alert("Please enter your name, email, and comments then re-submit this form.");
   return false;
   }

else
   {
   if (submitcount == 0)
      {
      submitcount++;
      return true;
      }
   else
      {
      alert("This form has already been submitted.  Thanks!");
      return false;
      }
   }
}
//  End -->
</script>

Insert this code before </body>


<form method=post action="http://cgi.freedback.com/mail.pl" name="emailform" onSubmit="return checkFields()">

<input type=hidden name=to value="YOU@YOUR-SITE.com">
<input type=hidden name=subject value="Feedback Form">

<pre>
Your Name:   <input type=text name="name">
Your Email:  <input type=text name="email">

Comments?

<textarea name="comments" wrap="virtual" rows="7" cols="45"></Textarea>

<input type=submit value="Submit Form!">

[ Click the submit button twice to see the script in action ]
</pre>
</form>

Change the <body> to <BODY OnLoad="reset()">

Related Resources: