I have the following code but the alert pop up did not appear when I leave the compulsory fields empty. Everything looks OK to me. Can someone please point out the error to me?
Code:
<html>
<font face=tahoma size=3>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value=="")
{alert(alerttxt);return false}
else {return true}
}
}
function validate_length(field, max_length, alerttxt)
{
with (field)
{
if (value.length>max_length)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(NAME,"Please Enter Subcontractor Name")==false)
{NAME.focus();return false}
if (validate_length(NAME, 30, "You have entered " + NAME.value.length + " characters for Subcontractor Name\nPlease enter less than 30 characters")==false)
{NAME.focus();return false}
if (validate_required(CATEGORY,"Please Enter Category")==false)
{CATEGORY.focus();return false}
if (validate_length(CATEGORY, 25, "You have entered " + CATEGORY.value.length + " characters for Category\nPlease enter less than 25 characters")==false)
{CATEGORY.focus();return false}
if (validate_length(REF_ID, 30, "You have entered " + REF_ID.value.length + " characters for Reference ID\nPlease enter less than 30 characters")==false)
{REF_ID.focus();return false}
if (validate_length(ADDRESS, 80, "You have entered " + ADDRESS.value.length + " characters for Address\nPlease enter less than 80 characters")==false)
{ADDRESS.focus();return false}
if (validate_length(CONTRACT, 50, "You have entered " + CONTRACT.value.length + " characters for Contract\nPlease enter less than 50 characters")==false)
{CONTRACT.focus();return false}
if (validate_length(SE, 250, "You have entered " + SE.value.length + " characters for Supplier Enabling\nPlease enter less than 250 characters")==false)
{SE.focus();return false}
}
}
function validate_form2(thisform)
{
with (thisform)
{
if (validate_required(NAME,"Please Enter Subcontractor Name")==false)
{NAME.focus();return false}
if (validate_length(NAME, 30, "You have entered " + NAME.value.length + " characters for Subcontractor Name\nPlease enter less than 30 characters")==false)
{NAME.focus();return false}
if (validate_required(YEAR,"Please Enter Year")==false)
{YEAR.focus();return false}
if (validate_length(YEAR, 5, "You have entered " + YEAR.value.length + " characters for Year\nPlease enter less than 5 characters")==false)
{YEAR.focus();return false}
if (insert_subcon_ratings_records.RATING.value > 100)
{
mesg = "You have entered " + insert_subcon_ratings_records.RATING.value + " for Rating\n"
mesg = mesg + "Please enter a number less than 101."
alert(mesg);
insert_subcon_ratings_records.RATING.focus();
return (false);
}
}
}
</script>
<u><b><font size=4>Subcontractor Records: </font></b></u><br>
<form name="insert_subcon_records" method="Post" action="insert_subcon_records.asp" onsubmit="return validate_form(this)">
<table>
<tr><td width=180><font color=red>*</font>Subcontractor Name: </td>
<td><input type=text name="NAME" size="50"></td></tr>
<tr><td><font color=red>*</font>Category: </td>
<td><input type=text name="CATEGORY" size="50"></td></tr>
<tr><td>Reference ID: </td>
<td><input type=text name="REF_ID" size="50"></td></tr>
<tr><td>Address: </td>
<td><textarea name="ADDRESS" cols="38" rows="2"></textarea></td></tr>
<tr><td>Contract: </td>
<td><textarea name="CONTRACT" cols="38" rows="5"></textarea></td></tr>
<tr><td>Supplier Enabling: </td>
<td><textarea name="SE" cols="38" rows="5"></textarea></td></tr>
</table><br>
<input type="submit" name="submit_subcon_records" value="Submit Subcontractor Records">
<input type="reset" name="reset" value="Reset">
</form>
<form name="insert_subcon_ratings_records" method="Post" action="insert_subcon_ratings_records.asp" onsubmit="return validate_form2(this)">
<table>
<tr><td width=180><font color=red>*</font>Subcontractor Name: </td>
<td><input type=text name="NAME" size="50"/></td></tr>
<tr><td><font color=red>*</font>Year: </td>
<td><input type=text name="YEAR" size="50"/></td></tr>
<tr><td>Rating/100: </td>
<td><input type=text name="RATING" size="50"/></td></tr>
</table><br>
<input type="submit" name="submit_subcon_ratings_records" value="Submit Ratings Records">
<input type="reset" name="reset" value="Reset">
</form>
<font color=red>* = compulsory field</font>
</font>
</body>
</html>