Submit Once - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Submit Once

Do you ever receive multiple copies of a single form submission? Do your visitors click the submit button over and over, hoping it will hurry up the process? Well, JavaScript can solve your problems! The script will prevent the visitor from submitting the form after the first submission. Basic field validation also included! Great! Your Name: Your Email: Comments? [ Click the submit button twice to see the script in action ]


Insert into <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 into <BODY>
<BODY OnLoad="reset()"> <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>

Other Options