HTML Help

wahboo · Joined: 13 Nov 2008 Posts: 2

I need help making this form work with Javascript to do the following:

-The form should allow you to only enter one item per order.

-I need to use a DATE object to automatically calculate the date an item will be ready. Hard Copy Prints & Posters should be ready one day from today, coffee mugs two days from today, t-shirts three days from today.

Can someone please help me?

Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Digital Photo Order Form</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="js_styles.css" type="text/css" />

<script type="text/javascript">
/* <![CDATA[ */

function setFormFocus() {
document.forms[0].visitor_name.focus();
}

/* ]]> */
</script>

</head>

<body onload="setFormFocus();">

<h1>Digital Photo Order Form</h1>

<form action="FormProcessor.html" method="get"
enctype="application/x-www-form-urlencoded">
<p>Name<br />
<input type="text" name="visitor_name" size="50" /></p>
<p>Address<br />
<input type="text" name="visitor_address" size="50" /></p>
<p>City<br />
<input type="text" name="city" size="20" /></p>
<p>State<br />
<input type="text" name="state" size="10" /></p>
<p>Zip Code<br />
<input type="text" name="Zip_Code" size="10" /></p>
<p>E-mail address<br />
<input type="text" name="phone" size="50" value="Enter your email address" /></p>
<p>Phone<br />
<input type="text" name="area" size="50" value="Enter your 9 digit phone number" /></p>
<br>

<h3>Enter Only Item per Order</h3>
<input type="radio" name="Hard Copy Prints" value="Prints" />Hard Copy Prints
<input type="radio" name="Posters" value="Posters" />Posters
<input type="radio" name="Coffee Mugs" value="Mug" />Coffee Mugs
<input type="radio" name="T-Shirts" value="Prints" />T-Shirts

<p><input type="submit" value="Submit Order"/> <input type="reset" value="Start Over" /></p>

</form>

</body>
</html>

nikki · Joined: 24 Nov 2008 Posts: 132

<h1>Digital Photo Order Form</h1>

<form action="FormProcessor.html" method="get"
enctype="application/x-www-form-urlencoded" name="orderForm">
<p>Name<br />
<input type="text" name="visitor_name" size="50" /></p>
<p>Address<br />
<input type="text" name="visitor_address" size="50" /></p>
<p>City<br />
<input type="text" name="city" size="20" /></p>
<p>State<br />
<input type="text" name="state" size="10" /></p>
<p>Zip Code<br />
<input type="text" name="Zip_Code" size="10" /></p>
<p>E-mail address<br />
<input type="text" name="phone" size="50" value="Enter your email address" /></p>
<p>Phone<br />
<input type="text" name="area" size="50" value="Enter your 9 digit phone number" /></p>
<br>

<h3>Enter Only Item per Order</h3>
<input type="radio" name="item" value="Prints" />Hard Copy Prints
<input type="radio" name="item" value="Posters" />Posters
<input type="radio" name="item" value="Mug" />Coffee Mugs
<input type="radio" name="item" value="Shirt" />T-Shirts

<p><input type="button" value="Submit Order" onclick="checkOrders();"/> <input type="reset" value="Start Over" /></p>

</form>

function checkOrders(){
var selectedOrder ;
var cnt = 0;
for (i=0;i<document.orderForm.item.length;i++){
if (document.orderForm.item[i].checked==true){
selectedOrder = document.orderForm.item[i].value;
cnt++;
}
}
if(cnt != 1){
alert("select aleast one item);
return false;
}else{
var dt = new Date();
var dt1 ;
if( (selectedOrder == "Prints") || ( electedOrder == "Posters") ){
dt1 = new Date(dt.getTime() + 86400000); // this is for adding one
day
}if(selectedOrder == "Mug"){
dt1 = new Date(dt.getTime() + (2*86400000) );
}if(selectedOrder == "Shirt"){
dt1 = new Date(dt.getTime() + (3*86400000) );
}
form.submit();
}