Validering av tekstfelt


Navn   >>
Kundenummer (5 tall) >>
Referansenummer (xxx-xx) >>
E-post   >>
Dato (åååå-mm-dd) >>
Mobilnummer (uten bindestrek) >>

Valideringen skjer som følger:
I NAVN-feltet må det være minst et tegn.
KUNDENUMMERET må ha nøyaktig 5 tegn.
REFERANSENUMMERET må starte med 3 tegn og bindestrek.
E-POST adressen må inneholde @ og punktum.
DATO må fylles ut som angitt.
MOBILNUMMERET må skrives uten bindetrek.


Scriptet som validerer putter du mellom HEAD-taggene:
<script language="JavaScript">
function ifyllt(formular) {
if(document.formular.fornamn.value == "") {
alert("Du må skrive navnet ditt!")
return false
}
if(document.formular.kundnr.value.length > 5 || document.formular.kundnr.value.length < 5) {
alert("Kundenummeret består alltid av fem tall!")
return false
}
if(document.formular.refnr.value.indexOf("-") != 3) {
alert("Du må skrive referansenummeret slik: xxx-xx")
return false
}
if(document.formular.epost.value.indexOf("@") == -1 || document.formular.epost.value.indexOf(".") == -1) {
alert("Du må ha med @ og et punktum i din e-postadresse!")
return false
}
if(document.formular.datum.value.charAt(4) != "-" || document.formular.datum.value.charAt(7) != "-") {
alert("Vennligst bruk bindestrek når du skriver dato.")
return false
}
if(isNaN(document.formular.mobil.value)) {
alert("Feil i mobilnummeret! Bruk kun tall!")
return false
}
}
</script>


Her ser du hvordan formen er satt opp:
<form name="formular" onSubmit="return(ifyllt(this))" method="POST" action="x.htm">
<table align=center><tr><td>
Navn   >></td><td>
<input type="text" size="30" name="fornamn">
</td></tr><tr><td>
Kundenummer (5 tall) >></td><td>
<input type="text" size="30" name="kundnr">
</td></tr><tr><td>
Referansenummer (xxx-xx) >></td><td>
<input type="text" size="30" name="refnr">
</td></tr><tr><td>
E-post   >></td><td>
<input type="text" size="30" name="epost">
</td></tr><tr><td>
Dato (åååå-mm-dd) >></td><td>
<input type="text" size="30" name="datum">
</td></tr><tr><td>
Mobilnummer (uten bindestrek) >></td><td>
<input type="text" size="30" name="mobil">
</td></tr><tr><td colspan=2>
<input type="submit" value="Send!">
</td></tr></table>
</form>