Untitled

<!DOCTYPE html>
<html>
<head>
<title>Pizza Delivery</title>

<style type="text/css">
body
{
	background: url("pizza.jpg");
	font-family: "Arial";
	color: #99ddff;

}
h1
{
	color: #99ddff;
	font-size: 3em;
	border: 2px dashed white;
	border-radius: 10px;
}
</style>
<script type="text/javascript">
function
doSubmit()
{
	if (validateCustomerDetails() == false)
	{
		alert("Required entries missing in Step 1");
		return;
	}

	if (validatePizzaSize() == false)
	{
		alert("Required entries missing in Step 2");
		return;
	}

	if (validatePizzaToppings() == false)
	{
		alert("Required entries missing in Step 3");
		return;
	}

	alert("Your pizza order has been submitted...");
	return;
}
function validateCustomerDetails()
{
	var customer, address, phone, email;
	customer = document.order_form.customer.value;
	address = document.order_form.address.value;
	phone = document.order_form.phone.value;
	email = document.order_form.email.value;

	if (customer.length == 0)
		return false;
}
function validatePizzaSize()
{
	if (document.order_form.sizes[0].checked)
		return true;
	if (document.order_form.sizes[1].checked)
		return true;
	if (document.order_form.sizes[2].checked)
		return true;

	return false;
}
function validatePizzaToppings()
{
	if (document.order_form.toppings[0].checked)
		return true;

	return false;
}
function doClear()
{
	document.order_form.customer.value = "";

	document.order_form.sizes[0].checked = false;

	document.order_form.toppings[0].checked = false;
}
</script>
</head>

<body>
<center>
<form name="order_form">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<h1>Mama mo's Pizza Delivery</h1>
<p>
<h4>Step 1: Enter your name, address, and phone number</h4>
Name: &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input type="text" name="customer" size="50"/><br/><br/>
Address: &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input type="text" name="address" size="50"/><br/><br/>
Mobile No: &nbsp
<input type="text" name="phone" size="50"/><br/><br/>
E-mail Add: &nbsp&nbsp&nbsp&nbsp&nbsp
<input type="text" name="email" size="50"/><br/><br/>
</p>
<p>
<h4>Step 2: Select the size of pizza </h4>
<input type="radio" name="sizes"/>Small
<input type="radio" name="sizes"/>Medium
<input type="radio" name="sizes"/>Large
</p>
<p>
<h4>Step 3: Select the pizza toppings </h4>
<input type="checkbox" name="toppings"/>Pepperoni
<input type="checkbox" name="toppings"/>Ham&Cheese
<input type="checkbox" name="toppings"/>Sausage<br/>
<input type="checkbox" name="toppings"/>Mushroom
<input type="checkbox" name="toppings"/>Pineapple
<input type="checkbox" name="toppings"/>Seafood
</p>
<p>
<h4>Comments</h4>
<textarea rows="6" cols="60"></textarea>
</p>
<input type="button" value="Submit Order" onclick="doSubmit()" />
<input type="button" value="Clear Entries" onclick="doClear()" />
</form>
</center>
</body>
</html>