<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Assignment 3</title>
<script language="JavaScript">
function validateForm(form) {
if (orderform.name.value=='') {
alert('you must enter your name');
form.name.focus();
return false;
}
function validateForm(form) {
if (orderform.street.value=='') {
alert('you must enter your street address');
form.street.focus();
return false;
}
function validateForm(form) {
if (orderform.city.value=='') {
alert('you must enter the name of your city');
form.city.focus();
return false;
}
function validateForm(form) {
if (orderform.province.value=='') {
alert('you must enter your province/state');
form.province.focus();
return false;
}
function validateForm(form) {
if (orderform.zip.value=='') {
alert('you must enter your postal code');
form.zip.focus();
return false;
}
</script>
</head>
<body bgcolor="#FADE9C" text="#008000">
<form name="form">
<p align="center"><b><i><font size="5">Order Form</font></i></b></p>
<p align="center"><b><i><font size="5">* = required fields. do not leave blank</font></i></b></p>
<p align="left"><b><font size="4">*Name:</font></b> <input type="text" name="name" size="20"></p>
<p align="left"><b><font size="4">E-Mail Address </font></b><input type="text" name="email" size="20"></p>
<p align="left"><font size="4"><b>*Which books would you like to order? </b></font></p>
<p align="left"><br>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Minimum-Length="1" -->
<SELECT NAME="booklist" size="7" tabindex="7" multiple>
<OPTION VALUE="40"> Programming and Problem Solving with Java</option>
<OPTION VALUE="75"> Developing Web Applications with ASP</option>
<OPTION VALUE="96"> Programming and Problem Solving with Visual Basic.NET</option>
<OPTION VALUE="25"> Active Server Pages 3.0 from Scratch</option>
<OPTION VALUE="77"> Starting Out with C++</option>
<OPTION VALUE="50"> Action Script for Flash MX</option>
<OPTION VALUE="38"> Teach Yourself Active Server Pages 3.0</option>
</SELECT>
<p align="left">Please note the following shipping charges:
<ul>
<li>
<p align="left">Shipping is free, if the order exceeds $75</li>
<li>
<p align="left">Shipping is $6.95, if the order is between $50 and $75</li>
<li>
<p align="left">Shipping is $4.95, if the order is less than $50</li>
<li>
<p align="left">Shipping is $10.95, if the order is shipped to the United
States, regardless of order cost</li>
</ul>
<CENTER><p align="left"><font size="4"><b>Shipping Address:</b></font> </p>
<p align="left"> *<font size="4">Street<input type="text" name="street" size="20"></font></p>
<p align="left"><font size="4"> *City <input type="text" name="city" size="20"></font></p>
<p align="left"><font size="4"> *Province/State
</font><input type="text" name="province" size="20"></p>
<p align="left"><font size="4"> *Postal
Code </font><input type="text" name="zip" size="20"></p>
<p align="left"><font size="4"><b>*Please Select Method of Payment: </b></font><select size="1" name="Mastercard">
<option>Visa</option>
<option>Mastercard</option>
</select></p>
<p align="left"><b><font size="4">*Card Number:</font></b> <input type="text" name="card_number" size="16"><font size="4">
*<b>Expiration Date: </b>month</font> <select size="1" name="D1">
</select> <font size="4">year</font><select size="1" name="D2">
</select></p>
<p align="center"> </p>
<p align="center"><input type="button" value="Submit Order" onSubmit="return validateForm(form);" name="B1"><input type="button" value="Reset Page" onClick="renew" name="B2"></p>
</center>
</body>
</html>