Java Script for Required Input Fields
for a form like the one below.
Message to
YOUR NAME
To send us a message, please fill in the following:
First Name
Last Name
E-mail
Address
State
Zip Code
Phone
There are two steps to putting this in a web page. Copy the 1st step and put it just before your </HEAD> syntax. Copy step 2 into the body of your web page. STEP 1: <SCRIPT LANGUAGE="JavaScript"> <!-- DO NOT REMOVE Original: Clay Parker http://www.clayparker.net(clay@clayparker.net) DO NOT REMOVE --> <!-- Begin function verify() { var themessage = "You are required to complete the following fields: "; if (document.form.first.value=="") { themessage = themessage + " - First Name"; } if (document.form.last.value=="") { themessage = themessage + " - Last Name"; } if (document.form.email.value=="") { themessage = themessage + " - E-mail"; } if (document.form.address.value=="") { themessage = themessage + " - Address"; } if (document.form.state.value=="") { themessage = themessage + " - State"; } if (document.form.zipcode.value=="") { themessage = themessage + " - Zip Code"; } if (document.form.phone.value=="") { themessage = themessage + " - Phone"; } //alert if fields are empty and cancel form submit if (themessage == "You are required to complete the following fields: ") { document.form.submit(); } else { alert(themessage); return false; } } // End --> </script> STEP 2: <!-- You can change the bgcolor below to match your site --> <center><TABLE width="50%" border="2" cellspacing="0" cellpadding="4" bgcolor="#000000"> <TR> <TD ALIGN=LEFT> <font color="#FFFFFF"> <H2><I>Message to</I> YOUR NAME</H2> <P> <I>To send us a message, please fill in the following:</I><P> <form name=form method="post" action="/cgi-bin/formmail.pl"> <INPUT type=hidden value=YOUR EMAIL ADDRESS name=recipient> <INPUT type=hidden value="Message from website" name=subject> <INPUT type=hidden value=YOUR EMAIL ADDRESS name="Originally To"> <input type=text name="first" size="30"> First Name<BR> <input type=text name="last" size="30"> Last Name<BR> <input type=text name="email" size="30"> E-mail<BR> <input type=text name="address" size="30"> Address<BR> <input type=text name="state" size="30"> State<BR> <input type=text name="zipcode" size="30"> Zip Code<BR> <input type=text name="phone" size="30"> Phone<BR><BR> <input type=button value="Submit Request" onclick="verify();"> <input type=reset value="Clear Form"><br></font> </form> </TD> </TR> </TABLE></center>
