Validering af to forms på samme side via Javascript
Jeg har to forms på en side som som hver især bare skal have valideret om nogle felter er tomme når der trykkes på submit-knappen. Problemet er dog, at de begge prøver at bruge det samme javascript til at validere selvom de skal bruge hver deres. Jeg vedhæfter lige en kopi af koden så i kan se problemstillingen. Koden kan kopieres 100% over i en HTML fil og så kan man hurtigt se problemet. Jeg formoder at svaret er ret simpelt, men jeg er gået "kold". PÅ forhånd tak for hjælpen:<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Test</title>
</head>
<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<script language="JavaScript" type="text/javascript">
<!--
function search1(form)
{
// see http://www.thesitewizard.com/archive/validation.shtml
// for an explanation of this script and how to use it on your
// own website
// ** START **
if (form.search.value == "") {
alert( "Search field cannot be empty" );
form.search.focus();
return false ;
}
// ** END **
return true;
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function advsearch1(form)
{
// see http://www.thesitewizard.com/archive/validation.shtml
// for an explanation of this script and how to use it on your
// own website
// ** START **
if (form.fro.value == "") {
alert( "Pleasse specify the number beginning the weight range (only whole numbers)." );
form.fro.focus();
return false ;
}
if (form.too.value == "") {
alert( "Pleasse specify the number ending the weight range (only whole numbers)." );
form.too.focus();
return false ;
}
// ** END **
return true;
}
//-->
</script>
<table width="525" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan=2><br><font face="Verdana,Times New Roman,Georgia,Times" size=2><b>Specify the weight range and select a category:</b></font><br><br></td>
</tr>
<tr height=30><td width=200><font face="Verdana,Times New Roman,Georgia,Times" size=1><b>Specify weight range (netweight):</b></font></td>
<td align=left valign=top><form action="seek1.asp" method="get" name="advsearch" onsubmit="return advsearch1(this);"><font face="Verdana,Times New Roman,Georgia,Times" size=1>From</font> <input type="text" name="fro" size="4" border="0"> <font face="Verdana,Times New Roman,Georgia,Times" size=1>kg to</font> <input type="text" name="too" size="4" border="0"> <font face="Verdana,Times New Roman,Georgia,Times" size=1>kg</font></td></tr><tr height=30><td valign=top><font face="Verdana,Times New Roman,Georgia,Times" size=1><b>Select category:</b></font></td><td align=left valign=top><input type=radio name=cat value=all checked><font face="Verdana,Times New Roman,Georgia,Times" size=1>All</font> <input type=radio name=cat value=Vessel><font face="Verdana,Times New Roman,Georgia,Times" size=1>Vessel</font> <input type=radio name=cat value=harbour><font face="Verdana,Times New Roman,Georgia,Times" size=1>Harbour</font> <input type=radio name=cat value=offshore><font face="Verdana,Times New Roman,Georgia,Times" size=1>Offshore</font> <input type=radio name=cat value=industry><font face="Verdana,Times New Roman,Georgia,Times" size=1>Industry</font><br><br><input type="submit" name="submitButtonName" value="Search" border="0"></td>
</tr>
</table><br>
<table width="187" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="grafik/blaa_streg.gif" alt="" height="1" width="187" border="0"></td>
</tr>
<tr>
<td><img src="grafik/hvid_streg.gif" alt="" height="1" width="187" border="0"></td>
</tr>
<tr height="16">
<td bgcolor="#2E3092" height="16"><font size="2" color="white" face="Verdana,Times New Roman,Georgia,Times"><b>Search products by name</b></font></td>
</tr>
<tr>
<td>
<form action="seek.asp" name="search" method="get" onsubmit="return search1(this);"><input type="text" name="search" size="15" border="0"> <input type="submit" name="submitsearch" value="Search" border="0"></td>
</tr>
<tr>
<td><font size="1" color="000000" face="Verdana,Times New Roman,Georgia,Times"> </td>
</tr>
</table><br>
</body>
</html>
