Validering af diverse forms (Hjælp til en nybegynder)
Hey!Jeg arbejder på et projekt på mit studie, hvor der skal laves en bestillingsside. Jeg har fået lavet bestillingssiden, men skal også bruge JavaScript til at validere oplysningerne. Jeg har siddet og nørdet med det hele dagen, men kan ikke få skidtet til at virke. Derfor håber jeg at nogen kunne hjælpe med at få valideret alle oplysningerne på siden. Problemet er at jeg ikke rigtig ved hvor de forskellige ting skal stå og når der jeg trykker på godkend-knappen sker der ikke noget. Det skal siges at jeg er nybegynder og at jeg garanteret har begået nogle grundlæggende fejl. Men projektet skal afleveres i morgen, så håber meget på I kan hjælpe.
Koden er her:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> - Bestillingsformular - </title>
<style>
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
}
td {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:13px;
}
.radiotext {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
}
select {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}
input {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}
#button1 a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color: #000000;
font-weight:bold;
text-decoration: none;
border:2px outset;
background-color:#FFFF99;
display: block;
width: 100px;
padding: 3px 5px;
margin: 1px;
}
#button1 a:hover {
background-color:#FFFFFF;
color:#000000;
padding-left:4px;
border:2px inset;
}
</style>
<script type="text/javascript">
function validering()
{
error = 0;
if((document.forms[0].Fornavn.value=='') && (error==0))
{
alert('Du skal udfylde feltet med dit fornavn!');
document.forms[0].Fornavn.focus();
error = 1;
}
if((document.forms[0].Efternavn.value=='') && (error==0))
{
alert('Du skal udfylde feltet med dit efternavn!');
document.forms[0].Efternavn.focus();
error = 1;
}
if((document.forms[0].Postnr.value=='') && (error==0))
{
alert('Du skal udfylde feltet med dit postnr.!');
document.forms[0].Postnr.focus();
error = 1;
}
if((document.forms[0].Gade.value=='') && (error==0))
{
alert('Du skal udfylde feltet med din gade!');
document.forms[0].Gade.focus();
error = 1;
}
if((document.forms[0].Nr.value=='') && (error==0))
{
alert('Du skal udfylde feltet med dit gadenummer!');
document.forms[0].Nr.focus();
error = 1;
}
if((document.forms[0].Telefonnr.value=='') && (error==0))
{
alert('Du skal udfylde feltet med dit telefonnummer!');
document.forms[0].Telefonnr.focus();
error = 1;
}
if((document.forms[0].Mobilnr.value=='') && (error==0))
{
alert('Du skal udfylde feltet med dit mobilnummer!');
document.forms[0].Mobilnr.focus();
error = 1;
}
if((document.forms[0].Email.value=='') && (error==0))
{
alert('Du skal udfylde feltet med din e-mail adresse!');
document.forms[0].Email.focus();
error = 1;
}
if(error == 0)
document.forms[0].submit();
}
</script>
</head>
<body>
<h1>1. trin</h1>
<form name="trin1" method="GET" action="">
<table width="599" height="99" border="0">
<tr>
<td width="130" height="56"><div align="right">Hvilken tour:</div></td>
<td width="105">
<input name="tours" type="radio" value="radiobutton"><span class="radiotext">Bruxelles</span><br/>
<input name="tours" type="radio" value="radiobutton"><span class="radiotext">München</span><br/>
<input name="tours" type="radio" value="radiobutton"><span class="radiotext">Prag</span><br/>
</td>
<td width="47">Dato:</td>
<td width="299">
<select name="dato" size="1">
<option value="d1">Dato 1</option>
<option value="d2">Dato 2</option>
<option value="d3">Dato 3</option>
</select></td>
</tr>
<tr>
<td height="37"><div align="right">Antal personer:</div></td>
<td><select name="antal" size="1">
<option value="a1">1</option>
<option value="a2">2</option>
<option value="a3">3</option>
<option value="a4">4</option>
<option value="a5">5</option>
<option value="a6">6</option>
<option value="a7">7</option>
<option value="a8">8</option>
<option value="a9">9</option>
</select></td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
<h1>2. trin</h1>
<form name="trin2" method="Post" onsubmit="validering();return false;">
<table width="609" height="216" border="0" align="left">
<tr>
<td width="80"><div align="right">Fornavn:</div></td>
<td colspan="3"><input type="text" name="Fornavn"></td>
<td width="72"><div align="right">Efternavn:</div></td>
<td colspan="5"><input type="text" name="Efternavn"></td>
</tr>
<tr>
<td height="25"><div align="right">Postnr:</div></td>
<td colspan="3"><input type="text" name="Postnr"></td>
<td><div align="right">By: </div></td>
<td colspan="5"><input type="text" name="By"></td>
</tr>
<tr>
<td><div align="right">Gade:</div></td>
<td colspan="3"><input type="text" name="Gade"></td>
<td><div align="right">Nr.:</div></td>
<td width="48"><input type="text" name="Nr" size="8"></td>
<td width="41">Etage:</td>
<td width="49"><select name="select5" size="1">
<option>st.</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select></td>
<td width="66">Placering:</td>
<td width="57"><select name="select5" size="1">
<option>th</option>
<option>tv</option>
<option>st</option>
<option>mf</option>
</select></td>
</tr>
<tr>
<td><div align="right">Telefonnr:</div></td>
<td colspan="3"><input type="text" name="Telefonnr"></td>
<td><div align="right">Mobilnr.:</div></td>
<td colspan="5"><input type="text" name="Mobilnr"></td>
</tr>
<tr>
<td><div align="right">Email:</div></td>
<td colspan="3"><input type="text" name="Email"></td>
<td> </td>
<td colspan="5"> </td>
</tr>
<tr>
<td><div align="right">Køn:</div></td>
<td colspan="3"><input name="radiobutton" type="radio" value="radiobutton">
<span class="radiotext">Mand</span> <input name="radiobutton" type="radio" value="radiobutton">
<span class="radiotext">Kvinde</span> </td>
<td> </td>
<td colspan="6"> </td>
</tr>
<tr>
<td>Fødselsdato:</td>
<td>Dag: </td>
<td width="49">Måned:</td>
<td width="38">År:</td>
<td> </td>
<td colspan="6"> </td>
</tr>
<tr>
<td width="80"><div align="right"></div></td>
<td width="45"><select name="select5" size="1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
</select></td>
<td width="49"><select name="select5" size="1">
<option>januar</option>
<option>februar</option>
<option>marts</option>
<option>april</option>
<option>maj</option>
</select></td>
<td width="38"><select name="select5" size="1">
<option>1970</option>
<option>1975</option>
<option>1980</option>
<option>1985</option>
</select></td>
<td width="72"> </td>
<td colspan="6"><div align="right"></div></td>
</tr>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</form>
<h1>3. trin</h1>
<form name="trin3" action="">
<table width="867" height="93" border="0">
<tr>
<td width="106">Person 1 Navn:</td>
<td width="198"><input type="text" name="Person 1 Navn"></td>
<td width="34">Adresse:</td>
<td width="225"><input name="textfield3" type="text" value="" size="35"></td>
<td width="129"><input name="radiobutton" type="radio" value="radiobutton">Enkeltværelse</td>
<td width="149"><input name="radiobutton" type="radio" value="radiobutton">Ryger</td>
</tr>
<tr>
<td>Person 2 Navn:</td>
<td><input type="text" name="textfield4"></td>
<td>Adresse:</td>
<td><input name="textfield6" type="text" value="" size="35"></td>
<td><input name="radiobutton" type="radio" value="radiobutton">Enkeltværelse</td>
<td><input name="radiobutton" type="radio" value="radiobutton">Ryger</td>
</tr>
<tr>
<td>Person 3 Navn:</td>
<td><input type="text" name="textfield5"></td>
<td>Adresse:</td>
<td><input name="textfield7" type="text" value="" size="35"></td>
<td><input name="radiobutton" type="radio" value="radiobutton">Enkeltværelse</td>
<td><input name="radiobutton" type="radio" value="radiobutton">Ryger</td>
</tr>
</table>
</form>
<h1>4. trin</h1>
<form name="trin4" action="">
<table width="200" border="0">
<tr>
<td>
<div id="button1">
<a href="#" >Beregn pris</a>
</div> </td>
<td><input type="text" name="total"></td>
</tr>
<tr>
<td>
<div id="button1">
<a href="#" >Godkend</a>
</div> </td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
