F.eks.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Valider formular</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script type="text/javascript">
function valider(f){
if(f.navn.value == f.navn.defaultValue){
alert("Du skal udfylde med dit navn");
f.navn.focus();
return false;
}
if(f.adresse.value == f.adresse.defaultValue){
alert("Du skal udfylde med din adresse");
f.adresse.focus();
return false;
}
var startDato = f.startDato.value;
if(!startDato.match(/^\d\d-\d\d-\d\d/)){
alert("Du skal udfylde startdato med en dato i formatet dd-mm-åå");
f.startDato.focus();
return false;
}
startDato = startDato.split("-");
start = new Date(startDato[2],startDato[1]-1,startDato[0]);
while(start.getFullYear() > new Date().getFullYear())
start.setFullYear(start.getFullYear()-100);
if(start.getFullYear()%100 != startDato[2] || start.getMonth()+1 != startDato[1] || start.getDate() != startDato[0]){
alert("Du skal udfylde startdato med en gyldig dato i formatet dd-mm-åå");
f.startDato.focus();
return false;
}
var slutDato = f.slutDato.value;
if(!slutDato.match(/^\d\d-\d\d-\d\d/)){
alert("Du skal udfylde slutdato med en dato i formatet dd-mm-åå");
f.slutDato.focus();
return false;
}
slutDato = slutDato.split("-");
slut = new Date(slutDato[2],slutDato[1]-1,slutDato[0]);
while(slut.getFullYear() > new Date().getFullYear())
slut.setFullYear(slut.getFullYear()-100);
if(slut.getFullYear()%100 != slutDato[2] || slut.getMonth()+1 != slutDato[1] || slut.getDate() != slutDato[0]){
alert("Du skal udfylde slutdato med en gyldig dato i formatet dd-mm-åå");
f.slutDato.focus();
return false;
}
if(start.getTime()>slut.getTime()){
alert("Du skal udfylde start- og slutdato, så starten er før slutningen !-)");
f.startDato.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form id="minForm" name="minForm" action=" ... " onsubmit="return valider(this);">
Navn: <input type="text" name="navn" value="Indtast dit navn" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"><br>
Adresse: <input type="text" name="adresse" value="Indtast din adresse" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"><br>
Startdato: <input type="text" name="startDato" value="Startdato (dd-mm-åå)" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"><br>
Slutdato: <input type="text" name="slutDato" value="Slutdato (dd-mm-åå)" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"><br>
<input type="submit" value="Send"><br>
</form>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
