simple javascript virker ikke i firefox
hey..jeg er igang med uddannelsen som web integrator og vi havde noget undervisning igår i javascript.. vores lærer lavede et meget simple script som lavede en fejl meddelse hvis man ik havde tastet noget ind i en formular..
koden ser sådan her ud..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
div{color:#FF0000;
width:200px;}
</style>
<script language="JavaScript" type="text/JavaScript">
function validate()
{
//----- opret kontrolflag
//fornavn
flag1 = true;
fejl1.innerHTML = "";
//indsæt selv resten herunder!
//tlf
flag5 = true;
fejl5.innerHTML = "";
flag6 = true;
fejl6.innerHTML = "";
//----------------------
// -- Tjek om fornavn indeholder mindst 2 tegn
if(document.getElementById("fornavn").value.length < 2)
{
flag1 = false;
fejl1.innerHTML = "*";
}
// --- slut på fornavn ---------------
// indsæt herunder de manglend felter
/* Her tjekker jeg på om tlf består af heltal og
at der er præcis 8 tegn.
(isNaN betyder 'is Not a Number', altså IKKE et heltal)
*/
if((isNaN(document.getElementById("tlf").value)) || (document.getElementById("tlf").value.length != 8))
{
flag5 = false;
fejl5.innerHTML = "Skriv 8 tal";
}
// --- slut på tlf ---------------
//tjek om email indeholder både @ og . (punktum)
if((document.getElementById("email").value.indexOf("@")==-1) || (document.getElementById("email").value.indexOf(".")==-1) )
{
flag6 = false;
fejl6.innerHTML = "*";
}
// --- slut på email ---------------
//----- kontroller om der er flag der er lagt ned
if(flag1 && flag5 && flag6)
{
return true; // Returner true når alt er ok
}
else
{
return false; // returner false når der er fejl
}
//---------------------------------------------------
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="return validate()">
<table width="200" border="0">
<tr>
<td>fornavn</td>
<td><input type="text" name="fornavn" id="fornavn"></td>
<td><span id="fejl1"></span></td>
</tr>
<tr>
<td>efternavn</td>
<td><input type="text" name="efternavn" id="efternavn"></td>
<td> </td>
</tr>
<tr>
<td>vej</td>
<td><input type="text" name="vejnavn" id="vejnavn"></td>
<td> </td>
</tr>
<tr>
<td>postnr</td>
<td><input type="text" name="husnr" id="husnr"></td>
<td> </td>
</tr>
<tr>
<td>tlf</td>
<td><input type="text" name="tlf" id="tlf"></td>
<td><div id="fejl5"></div></td>
</tr>
<tr>
<td>email</td>
<td><input type="text" name="email" id="email"></td>
<td><div id="fejl6"></div></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit"></td>
<td> </td>
</tr>
</table>
<p> </p>
</form>
<p> </p>
<p> </p>
</body>
</html>
hvorfor virker den ikke i firefox når den fint virker i internet explorer.
http://negerb0rn.dk/byensguf/test.htm er filen online..
