Tjekke forms
Hey,Jeg vil gerne have et javascript til at tjekke om nogen forms er korrekt udfyldt.
Min kode ser ud som følger:
<html>
<head>
<title>Opret bruger</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function validForm(theform) {
var reEmail = /^.+\@.+\..+$/
var reNavn = /^[a-zA-Z0-9æøåÆØÅ._| ]+$/
str = theform.fornavn.value;
if (str=='') {
alert("Du har ikke indtastet dit fornavn");
return false;
}
str = theform.kodeord.value;
if (str=='') {
alert("Du har ikke indtastet et kodeord");
return false;
}
str = theform.efternavn.value;
if (str=='') {
alert("Du har ikke indtastet et efternavn");
return false;
}
str = theform.brugernavn.value;
if (str=='') {
alert("Du har ikke indtastet et brugernavn");
return false;
}
if (reNavn.test(str) == false) {
alert("Brugernavn må kun indeholde a-å 0-9 og . _ |");
return false;
}
if ((str.charAt(0) == ' ') || (str.charAt(str.length-1) == ' ')) {
alert("Brugernavn må ikke indeholde mellemrum i start/slut");
return false;
}
str = theform.email.value;
if ((str=='') || (reEmail.test(str) == false)) {
alert("Angiv gyldig email adresse.");
return false;
}
}
</script>
</head>
<body bgcolor="DBE4F3" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p><img src="file:///E|/Hp%27s/skisite.dk/oprethead.gif" width="500" height="79"></p>
<?php
$brugernavn = $_REQUEST["brugernavn"];
$kodeord = $_REQUEST["kodeord"];
$fornavn = $_REQUEST["fornavn"];
$efternavn = $_REQUEST["efternavn"];
$email = $_REQUEST["email"];
$alder = $_REQUEST["alder"];
$by = $_REQUEST["by"];
if ($brugernavn && $kodeord && $fornavn && $efternavn) {
echo "hej $brugernavn. Du er nu oprettet som bruger";
} else {
echo '
<table width="500" border="0" cellspacing="5" cellpadding="0">
<tr>
<td width="481" height="262" valign="top">
<form name="opretform" method="post" action="opretform.php" onsubmit="return validForm(this);>
<table width="371" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="174"><font color="#000000" size="2" face="Trebuchet MS">Brugernavn:*</font></td>
<td width="186"><font color="#000000" size="2" face="Arial">
<input type="text" name="brugernavn" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Trebuchet MS">Kodeord:*</font></td>
<td><font color="#000000" size="2" face="Arial">
<input type="text" name="kodeord" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td> </td>
<td><font color="#000000" size="2" face="Arial"> </font></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Trebuchet MS">Fornavn:*</font></td>
<td><font color="#000000" size="2" face="Arial">
<input type="text" name="fornavn" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Trebuchet MS">Efternavn:*</font></td>
<td><font color="#000000" size="2" face="Arial">
<input type="text" name="efternavn" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td height="24"><font size="2" face="Trebuchet MS">E-mail adresse:*</font></td>
<td><font color="#000000" size="2" face="Arial">
<input type="text" name="email" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><font color="#000000" size="2" face="Trebuchet MS">Alder:</font></td>
<td><font color="#000000" size="2" face="Arial">
<input type="text" name="alder" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td height="24"><font color="#000000" size="2" face="Trebuchet MS">By:</font></td>
<td><font color="#000000" size="2" face="Arial">
<input type="text" name="by" size="24" style="color: #000000; background-color: #DBE4F3; border: 1px solid #000000">
</font></td>
</tr>
<tr>
<td> </td>
<td align="left"> <div align="left"><font color="#000000" size="2" face="Arial">
</font></div></td>
</tr>
<tr>
<td><font size="2" face="Trebuchet MS">Jeg står på:</font></td>
<td valign="top"> <div align="left">
<select name="select">
<option>Ikke angivet</option>
<option>Alpin-ski</option>
<option>Langren</option>
<option>Snowboard</option>
<option>Telemark</option>
</select>
</div></td>
</tr>
<tr>
<td><font size="2" face="Trebuchet MS">Fritekst:</font></td>
<td valign="top"><textarea name="textfield"></textarea></td>
</tr>
<tr>
<td> </td>
<td valign="top"> </td>
</tr>
<tr>
<td> </td>
<td valign="top"><input name="submit22" type="image" src="opret.gif" width="60" height="15"></td>
</tr>
</table>
</form></td>
</tr>
</table>
<table width="500" height="28" border="0" cellpadding="5" cellspacing="0">
<tr>
<td width="11" height="28" bgcolor="9BAECC"><font size="2" face="Trebuchet MS"><strong>!</strong></font></td>
<td width="469" bgcolor="9BAECC"><font size="2" face="Trebuchet MS"> Felter
med * skal udfyldes!</font></td>
</tr>
</table>
';
}
?>
<br>
<p> </p>
<p> </p>
</body>
</html>
Man får ik en fejlmeddelelse hvis man taster forkert!!
Hvad er der galt?
På forhånd tak
-Zchou
