Adding JS to Forum

programming web dev
1

Can someone look at this script. I’m trying to set the script so if someone does not fill in a field. the forum can not be sent.

I started the first one called firstname and add an alert to it.

<script type=“text/javascript”>

function formValidator(){

var firstname = document.getElementById(‘firstname’).value;

if (document.getElementById('firstname').value=="")

	alert("Name not entered")
	return false

}

var lastname = document.getElementById(‘lastname’).value;
var streetnumber = document.getElementById(‘streetnumber’).value;
var streetname = document.getElementById(‘streetname’).value;
var city = document.getElementById(‘city’).value;
var postalcode = document.getElementById(‘postalcode’).value;
var phonenumbera = document.getElementById(‘phonenumbera’).value;
var phonenumberb = document.getElementById(‘phonenumberb’).value;
var email = document.getElementById(‘email’).value;

function comments()
{
(document.getElementById(“comments”).value);
}

</script>

</head>

<body>

</script>

</head>

<body>

<p> </p>
<p> </p>
<p> </p>
<table width=“1089” align=“center” border=“1”>
<tr>
<td colspan=“3”><center>
<h1><B>The Charisma Eatery</B></h1>
</center></td>
</tr>
<tr>

<td width=“442”><center>
<b>vital information</b>
</center>
<table width=“412”>
<tbody>
<tr>
<td width=“121”>first name</td>
<td width=“289”><input type=“text” size=“15” maxlength=“50” id=“firstname”></td>
</tr>
<tr>
<td>last name</td>
<td><input type=“text” size=“15” maxlength=“50” id=“lastname”></td>
</tr>
<tr>
<td>street number</td>
<td><input type=“text” size=“40” maxlength=“35” id=“streetnumber”></td>
</tr>
<tr>
<td>street name</td>
<td><input type=“text” size=“40” maxlength=“35” id=“streetname”></td>
</tr>
<tr>
<td>city</td>
<td><input type=“text” size=“25” maxlength=“21” id=“city”></td>
</tr>
<tr>
<td>postal code</td>
<td><input type=“text” size=“25” maxlength=“21” id=“postalcode”></td>
</tr>
<tr>
<td>phone number</td>
<td><input id=“phonenumbera” size=“4” />
-
<input id=“phonenumberb” size=“5” /></td>
</tr>
<tr>
<td>email address</td>
<td><input type=“text” size=“15” id=“email”></td>
</tr>
</tbody>
</table></td>
<td width=“266” valign=“top”><p> </p>
<p> </p>
<p><b>comments / special request</b><br />
<textarea rows=“10” cols=“35"id=“comments” ></textarea>
</p></td><td width=“359” align=“right”><table width=“325”>
<tbody>
<tr>
<th width=“144”>item</th>
<th width=“75”>price</th>
<th width=“92”>quantity</th>
<th width=“101”>sub-total</th>
</tr>
<tr align=“middle”>
<td align=“left”>Hamberger</td>
<td><input size=“7” value=”$2.99" /></td>
<td><input size=“3” /></td>
<td><input size=“10” /></td>
</tr>
<tr align=“middle”>
<td align=“left”>Cheeseburger</td>
<td><input size=“7” value="$3.99" /></td>
<td><input size=“3” /></td>
<td><input size=“10” /></td>
</tr>
<tr align=“middle”>
<td align=“left”>Chicken Burger</td>
<td><input size=“7” value="$4.99" /></td>
<td><input size=“3” /></td>
<td><input size=“10” /></td>
</tr>
</tbody>
</table>
<table width=“324”>
<tbody>
<tr>
<th width=“124”>item</th>
<th width=“42”>price</th>
<th width=“72”>quantity</th>
<th width=“74”>sub-total</th>
</tr>
<tr align=“middle”>
<td align=“left”>French Fries</td>
<td><input size=“7” value="$2.99" /></td>
<td><input size=“3” /></td>
<td><input size=“10” /></td>
</tr>
<tr align=“middle”>
<td align=“left”><input type=“checkbox” />
gravy</td>
<td><input size=“7” value="$0.50" /></td>
<td><input size=“3” /></td>
<td><input size=“10” /></td>
</tr>
<tr align=“middle”>
<td align=“left”><input type=“checkbox” />
chilli</td>
<td><input size=“7” value="$1.99" /></td>
<td><input size=“3” /></td>
<td><input size=“10” /></td>
</tr>
</tbody>
</table>
<table align=“right”>
<tbody>
<tr>
<td>subtotal</td>
<td><input size=“10” /></td>
</tr>
<tr>
<td>pst</td>
<td><input size=“6” /></td>
</tr>
<tr>
<td>gst</td>
<td><input size=“6” /></td>
</tr>
<tr>
<td>total</td>
<td><input size=“10” /></td>
</tr>
<tr>
<td colspan=“2”><input type=“button” value=“total up order” />
</td>
</tr>
</tbody>
</table></td>

</tr>
<tr>
<td colspan=“3”><hr width=“1020” align=“center” color="#000000" /></td>
</tr>
<tr>
<td colspan=“2”><table>
<tbody>
<tr align=“middle”>
<td>Payment</td>
<td>card number</td>
<td>expiration mm/yy</td>
</tr>
<tr align=“middle”>
<td><select name=“select”>
<option selected=“selected”>cash</option>
<option>master card</option>
<option>visa</option>
</select></td>
<td><input /></td>
<td><select name=“select”>
<option selected=“selected”>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select name=“select”>
<option selected=“selected”>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
</select></td>
</tr>
</tbody>
</table></td>
<td><table>
<tbody>
<tr>
<td><input type=“radio” name=“howtoget” /></td>
<td>pickup</td>
</tr>
<tr>
<td><input type=“radio” name=“howtoget” /></td>
<td>delivery</td>
</tr>
<tr>
<td><input type=“radio” name=“howtoget” /></td>
<td>eat in</td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td colspan=“3”><table width=“200” align=“center” border=“0”>
<tr>
<td><input type=“reset” value=“clear order” align=“right”/>
<input type=“button” value=“send order” align=“center” /></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<p> </p>

</body>
</html>

</body>