What type of order form? My advice would be to use Dreamweaver CS3 but heres a basic form with script that could be easily adapted to an order form.
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
function verify()
{
// This section just uses a simple regular expression to check the name
// input box. It checks for one or more characters, a space and another
// group of characters.
if (document.forms[0].name.value.search(/^.+\s+.+$/))
{
alert("Please make sure you have included your name!")
return
}
if (document.forms[0].howard.selectedIndex == 0 )
{
alert("Please tell us what you'd like to do to John Howard!")
return
}
if (document.forms[0].howard.selectedIndex == 1 )
{
alert("You'd give John Howard a big tongue kiss? You're weird. Extremely weird. Really very, very, very, very weird. As a matter of fact, you're that sick you can't continue unless you select another option!")
return
}
// This section also uses a regular expression to check the email input box.
// It checks for one or more characters, then it checks for the email @
// signifier, then another group of characters, then a full stop or period (.),
// then for another group of characters.
if (document.forms[0].email.value.search(/^.+@.+\..+$/))
{
alert("Please include a valid email address!")
return
}
else
{
// If the form is correctly filled out you can submit the form to your mail cgi
// by deleting the next line, and uncommenting the following two lines.
alert("You have filled out the form correctly!")
// document.forms[0].submit()
// return
}
}
</SCRIPT></SPAN>
</PRE>
<HR SIZE=5>
<H1>The form</H1>
<PRE><SPAN>
<FORM METHOD="POST" ACTION="http://www.your.website/cgi-bin/formail.cgi">
<INPUT TYPE=hidden NAME="subject" VALUE="Submission from form">
<P>Name<BR><INPUT TYPE="text" NAME="name" SIZE=40>
<P>What would you like to do to John Howard?<BR>
<SELECT NAME="howard" SIZE=1>
<OPTION VALUE=0>Please select an option!
<OPTION>Give him a big tongue kiss
<OPTION>Stomp on him while I'm wearing football boots
<OPTION>Beat him around the head with a cricket bat
<OPTION>Make him live in a refugee detention centre for five years
<OPTION>Pour petrol on him and set him alight
<OPTION>Perform explorative surgery on him to discover how he lives without a heart
<OPTION>Ask Buffy to stake him
</SELECT>
<P>Email<BR><INPUT TYPE="text" NAME="email" SIZE=40>
<P><SCRIPT LANGUAGE=javascript>document.write("<INPUT TYPE='button' onClick='verify()' VALUE='Test the verification script!'>")</SCRIPT><NOSCRIPT><INPUT TYPE='submit' VALUE='Submit'></NOSCRIPT>
</FORM>
</SPAN></PRE>
<P></P>
<BR>
</PRE>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Contact Us</title>
</head>
<body><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<h1><span class="style2">Contact Us </span></h1>
<form action="" method="post" enctype="multipart/form-data" name="MyForm" id="MyForm">
<p class="style2">Title:
<input name="Title" type="text" size="15" maxlength="10">
First Name:
<input name="First Name" type="text" size="25" maxlength="25">
Last Name:
<input name="Last Name" type="text" size="35" maxlength="35">
</p>
<p class="style2">Address:
<input name="Address" type="text" size="35" maxlength="35">
</p>
<p class="style2">
<input name="Address 2" type="text" size="35" maxlength="35">
</p>
<p align="left" class="style2"><span class="style3">Postcode:
<input name="textfield" type="text" size="15" maxlength="15">
</span></p>
<p align="left"><span class="style3">Email</span>:
<input name="textfield" type="text" size="25" maxlength="25">
<span class="style3">Confirm Email:</span>
<input name="textfield" type="text" size="25" maxlength="25">
</p>
<p align="left" class="style2">Contact telephone no. (including area code) </p>
<p align="left" class="style2">Home:
<input name="textfield" type="text" size="20" maxlength="20">
Mobile:
<input name="textfield" type="text" size="20" maxlength="20">
</p>
<p align="left" class="style2">When would the best time to contact you, morning/evening?</p>
<p align="left" class="style2">Comments:</p>
<p align="left" class="style2">
<textarea name="comments" cols="80" rows="15" id="comments"></textarea>
</p>
<p align="center" class="style2">
<input type="submit" name="Submit" value="Submit">
</p>
<p align="center" class="style2">
<input type="submit" name="Clear" value="Clear">
</p>
<p align="center" class="style2"> </p>
<p align="center" class="style2"> </p>
</form>
<p> </p>
<PRE><PRE><SPAN>
:0) Hope this helps x
×