En hurtig inspirations-skitse:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Check formular og start- og udløbsdato</title>
<meta name="keywords" content="søgeord adskilt af komma">
<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 language="javascript" type="text/javascript">
function valider(f){
var fjl = null, txt="", start, slut;
if(f.titel.value == "" || f.titel.value == f.titel.defaultValue){
txt += "\t- Eventen skal have en titel.\n";
if(!fjl)
fjl = f.titel;
}
if(!f.startDag.value.match(/^\d\d?-\d\d?-\d{4}$/)){
txt += "\t- Startdato skal angives i formatet dd-mm-yyyy.\n";
if(!fjl)
fjl = f.startDag;
}
if(!f.slutDag.value.match(/^\d\d?-\d\d?-\d{4}$/)){
txt += "\t- Slutdato skal angives i formatet dd-mm-yyyy.\n";
if(!fjl)
fjl = f.slutDag;
}
start = f.startDag.value.split("-");
start = new Date(start[2],start[1]-1,start[0]);
slut = f.slutDag.value.split("-");
slut = new Date(slut[2],slut[1]-1,slut[0]);
if(start > slut){
txt += "\t- Startdato skal være før slutdato.\n";
if(!fjl)
fjl = f.startDag;
}
if(f.minSelect.selectedIndex < 1){
txt += "\t- Du skal angive et antal.\n";
if(!fjl)
fjl = f.minSelect;
}
if(f.mitTextarea.value == ""){
txt += "\t- Du skal angive en beskrivelse.\n";
if(!fjl)
fjl = f.mitTextarea;
}
if(!fjl)
return true;
else{
alert("Der blev fundet følgende fejl i formularen:\n\n" + txt + "\nRet fejlene og forsøg at sende igen !-)");
fjl.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form id="minForm" action="dinside.html" name="minForm" onsubmit="return valider(this)">
Titel: <input id="titel" name="titel" type="text" value="Titel" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br>Startdato: <input id="startDag" name="startDag" type="text" value="Startdato" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br>Slutdato: <input id="slutDag" name="slutDag" type="text" value="Udløbsdato" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br>
Antal:<br>
<select name="minSelect" id="minSelect" onchange="">
<option value="">-- Vælg her --<br>
<option value="1">1<br>
<option value="2">2<br>
<option value="3">3<br>
</select>
<br>
Beskrivelse:
<br>
<textarea name="mitTextarea" id="mitTextarea" cols="40" rows="5"></textarea>
<br>
<br><input type="submit" value="Send">
</form>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
