formail validering?
Jeg har siddet her og lavet noget validering på en formail. Det skal lige siges at det er kopi,pastet. Jeg har ikke selv skrevet det og er ikke særlig god til javascript.Men jeg kunne godt tænke mig at hvis ikke alle de felter er udfyld som jeg har valgt, skal der også komme en besked i udfyld div feltet som jeg har lavet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
function validate()
{
for(f=1,fejl=new Array();document.getElementById("fejl"+f);f++) fejl[f]=document.getElementById("fejl"+f);
//----- opret kontrolflag
//firma
flag1 = true;
fejl[1].innerHTML = "";
//navn
flag2 = true;
fejl[2].innerHTML = "";
//adr
flag3 = true;
fejl[3].innerHTML = "";
//by
flag4 = true;
fejl[4].innerHTML = "";
flag5 = true;
fejl[5].innerHTML = "";
//postnr
flag6 = true;
fejl[6].innerHTML = "";
//----------------------
// -- Tjek om firma indeholder mindst 2 tegn
if(document.getElementById("firma").value.length < 2)
{
flag1 = false;
fejl[1].innerHTML = "*";
}
// --- slut på firma ---------------
// ---Tjek om navn indeholder mindst 2 tegn
if(document.getElementById("navn").value.length < 2)
{
flag2 = false;
fejl[2].innerHTML = "*";
}
//-------------slut på navn-----------------
// -- Tjek om adr indeholder mindst 2 tegn
if(document.getElementById("adr").value.length < 4)
{
flag3 = false;
fejl[3].innerHTML = "*";
}
// --- slut på adr ---------------
// -- Tjek om by indeholder mindst 2 tegn
if(document.getElementById("by").value.length < 2)
{
flag4 = false;
fejl[4].innerHTML = "*";
}
// --- slut på by ---------------
// -- Tjek om mail indeholder mindst 2 tegn
if((document.getElementById("mail").value.indexOf("@")==-1) || (document.getElementById("mail").value.indexOf(".")==-1) )
{
flag5 = false;
fejl[5].innerHTML = "*";
}
// --- slut på mail ---------------
// -- Tjek om postnr indeholder mindst 2 tegn
if((isNaN(document.getElementById("postnr").value)) || (document.getElementById("postnr").value.length != 4))
{
flag6 = false;
fejl[6].innerHTML = "*";
}
// --- slut på postnr ---------------
//----- kontroller om der er flag der er lagt ned
if(flag1 && flag2 && flag3 && flag4 && flag5 && flag6)
{
return true; // Returner true når alt er ok
}
else
{
return false; // returner false når der er fejl
}
//---------------------------------------------------
}
//-->
</script>
<style type="text/css">
<!--
.style3 {color: #666666}
-->
</style>
</head>
<body>
<form action="http://cgi.locuples.com/cgi-bin/FormMail.pl" method="post" id="brochure" onSubmit="return validate()">
<table width="720" height="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="720" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td height="20" colspan="2" valign="top">
<input type="hidden" name="recipient" value="hsa@enotech.dk">
<input type="hidden" name="redirect" value="http://www.enotech.dk/tak.htm">
<input type="hidden" name="subject" value="Bestilling af brochure!">
</td>
</tr>
<tr>
<td width="91" height="19"></td>
<td width="629" valign="top">
<div align="left" class="over_skrift">Brochure bestilling </div>
</td>
</tr>
<tr>
<td height="436" colspan="2" valign="top"><br>
<table width="720" border="0" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->
<tr>
<td height="18" colspan="11" class="under_over_skrift">Brochuren
skal sendes til:</td>
<td width="6"></td>
<td width="6"></td>
</tr>
<tr>
<td height="19" colspan="11" valign="top">
<br>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td valign="middle" class="brochure-text" >Firma:</td>
<td colspan="3" valign="top">
<input name="firma" type="text" id="firma">
</td>
<td width="49" valign="middle"><div class="tegn" id="fejl1"></div></td>
<td width="87" valign="middle" class="brochure-text">Telefon:</td>
<td colspan="3" valign="top">
<input name="telefon" type="text" id="telefon" maxlength="8"></td>
<td colspan="2" valign="top"></td>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td valign="middle">Stilling:</td>
<td colspan="3" valign="top">
<input name="stilling" type="text" id="stilling"></td>
<td valign="top"></td>
<td valign="middle" class="brochure-text">Mobil:</td>
<td colspan="3" valign="top">
<input name="mobil" type="text" id="mobil" maxlength="8"></td>
<td colspan="2" valign="top"></td>
<td></td>
</tr>
<tr>
<td valign="middle" class="brochure-text">Navn:</td>
<td colspan="3" valign="top">
<input name="navn" type="text" id="navn"></td>
<td valign="middle"><div class="tegn" id="fejl2"></div></td>
<td valign="middle" class="brochure-text">Fax:</td>
<td colspan="3" valign="top">
<input name="fax" type="text" id="fax" maxlength="8"></td>
<td colspan="2" valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td valign="middle" class="brochure-text">Adresse:</td>
<td colspan="3" valign="top">
<input name="adresse" type="text" id="adr"></td>
<td valign="middle"><div class="tegn" id="fejl3"></div></td>
<td valign="middle" class="brochure-text">E-mail:</td>
<td colspan="3" valign="top">
<input type="text" name="email" id="mail" value=""></td>
<td width="47" valign="middle"><div class="tegn" id="fejl5"></div></td>
<td width="144"></td>
<td></td>
<td></td>
</tr>
<tr>
<td valign="middle" class="brochure-text">Post nr:</td>
<td colspan="3" valign="top">
<input name="postnr" type="text" id="postnr" maxlength="4"></td>
<td valign="top"><div class="tegn" id="fejl6"></div></td>
<td colspan="4" valign="top">
</td>
<td valign="top"></td>
<td valign="top"></td>
<td></td>
<td></td>
</tr>
<tr>
<td valign="top">
<p class="brochure-text">By:</p>
</td>
<td colspan="3" valign="top">
<input name="by" type="text" id="by"></td>
<td height="45" valign="middle"><div class="tegn" id="fejl4"></div> </td>
<td colspan="6" valign="top"><div id="udfyld"></div><!--DWLayoutEmptyCell--> </td>
<td></td>
<td></td>
</tr>
<tr>
<td height="2" colspan="11" valign="top">
</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="36" colspan="11">Praktisk
information:<span class="style3"> ( <em>disse informationer
vil på intet tidspunkt blive videre givet på nogen
måde til en trejde person</em>)</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="19" colspan="11" valign="top">
</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="98" valign="middle">
<p class="brochure-text">Jeg ønsker information tilsendt
vedrørende:</p>
</td>
<td width="6"></td>
<td colspan="11" valign="top">
<table width="620" border="0" class="bruchure_formmail">
<!--DWLayoutTable-->
<tr>
<td width="24" height="18">
<input type="checkbox" name="Tryk" value="info" border="0">
</td>
<td width="99" align="left" class="brochure-text">Tryk</td>
<td width="24" align="left">
<input name="Lyssensorer" type="checkbox" id="Lyssensorer" value="info" border="0">
</td>
<td width="95" align="left" class="brochure-text">Lyssensorer</td>
<td width="24" align="left">
<input name="Temperatur" type="checkbox" id="Temperatur2" value="info" border="0">
</td>
<td width="117" align="left" class="brochure-text">Temperatur</td>
<td width="24" align="left">
<input name="CO2-Luftkvalitetssensorer" type="checkbox" id="CO2-Luftkvalitetssensorer" value="info" border="0">
</td>
<td width="190" align="left" valign="top" class="brochure-text">Trådløs Teknik / Easyclick</td>
</tr>
<tr>
<td width="24" height="18">
<input name="Flow" type="checkbox" id="Flow" value="info" border="0">
</td>
<td align="left" width="99" class="brochure-text">Flow</td>
<td align="left" width="24">
<input name="PHS Compact" type="checkbox" id="PHS Compact" value="info" border="0">
</td>
<td align="left" width="95" class="brochure-text">PHS Compact</td>
<td align="left" width="24">
<input name="Vejrstationer" type="checkbox" id="Vejrstationer2" value="info" border="0">
</td>
<td align="left" width="117" class="brochure-text">Vejrstationer</td>
<td align="left" width="24">
<input name="Datalogger CFR 21 Part 11" type="checkbox" id="Datalogger CFR 21 Part 11" value="info" border="0">
</td>
<td align="left" valign="top" class="brochure-text">Datalogger
CFR 21 Part 11</td>
</tr>
<tr>
<td width="24" height="18">
<input name="Rumpaneler" type="checkbox" id="Rumpaneler" value="info" border="0">
</td>
<td align="left" width="99" class="brochure-text">Rumpaneler</td>
<td align="left" width="24">
<input name="Partikelmåler" type="checkbox" id="Partikelmåler" value="info" border="0">
</td>
<td align="left" width="95" class="brochure-text">Partikelmåler</td>
<td align="left" width="24">
<input name="Pir-sensorer" type="checkbox" id="Pir-sensorer" value="info" border="0">
</td>
<td align="left" width="117"><span class="brochure-text">PIR Sensorer</span></td>
<td align="left" width="24"><span class="style6">
<input name="Datalogger CFR 21 Part 1122" type="checkbox" id="Datalogger CFR 21 Part 11223" value="info" border="0">
</span>
</td>
<td align="left" valign="top" class="brochure-text">Gas sensore Co,Co2,NOx</td>
</tr>
<tr>
<td width="24" height="18">
<input name="Termostater" type="checkbox" id="Termostater" value="info" border="0">
</td>
<td align="left" width="99" class="brochure-text">Termostater</td>
<td align="left" width="24">
<input name="EasySens" type="checkbox" id="EasySens" value="info" border="0">
</td>
<td align="left" width="95" class="brochure-text">EasySens</td>
<td align="left" width="24"><span class="style6">
<input name="R/H Fugtsensorer" type="checkbox" id="R/H Fugtsensorer" value="info" border="0">
</span></td>
<td align="left" width="117" class="brochure-text">R/H
Fugtsensorer</td>
<td align="left" valign="top" width="24"><span class="style6">
<input name="Nyhedbrev" type="checkbox" id="Nyhedbrev" value="info" checked border="0">
</span></td>
<td align="left" valign="top"><span class="brochure-text">Nyhedsbrev (4 gange årligt)</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="22" colspan="12" valign="top">
</td>
<td></td>
</tr>
<tr>
<td valign="top" colspan="3" height="35">
</td>
<td valign="top" colspan="5">
</td>
<td valign="top" colspan="4">
<input name="bestil" type="submit" class="style5" id="bestil" value="Send Bestilling">
</td>
<td></td>
</tr>
<tr>
<td height="41" valign="top"></td>
<td colspan="6" valign="top"> <strong class="tegn"><<</strong>
<a href="main.htm" target="_self">Tilbage
til Forsiden</a><strong><span class="under_over_skrift"><br>
</span> </strong></td>
<td valign="top" colspan="5">
</td>
<td></td>
</tr>
<tr>
<td height="1"></td>
<td></td>
<td width="12"></td>
<td width="126"></td>
<td></td>
<td></td>
<td width="6"></td>
<td width="122"></td>
<td width="16"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Hvordan gør jeg det?
Casper
