Formular TAB2 HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bestellformular</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' muss eine gültige E-Mail Adresse sein.
';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' muss ein Nummer sein.
';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.
';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' muss ausgefüllt sein.
'; }
} if (errors) alert('Folgende Fehler sind aufgetreten:
'+errors);
document.MM_returnValue = (errors == '');
}
//-->
</script>
</head>
<body>
<h1>Bestellformular
</h1>
<form name="form1" method="post" action="">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="115">Vorname</td>
<td width="385">
<input name="vorname" type="text" id="vorname" size="30" maxlength="30">
</td>
</tr>
<tr>
<td>Name</td>
<td>
<input name="name" type="text" id="name" size="30" maxlength="30">
</td>
</tr>
<tr>
<td>Telefonnummer</td>
<td>
<input name="telefon" type="text" id="telefon" size="30" maxlength="30">
</td>
</tr>
<tr>
<td>E-Mail</td>
<td>
<input name="mail" type="text" id="mail" size="30" maxlength="30">
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Ich bestelle</td>
<td> </td>
</tr>
<tr>
<td><div align="right">
<input name="kaese" type="text" id="kaese" size="5" maxlength="3">
</div></td>
<td>Stück Käse</td>
</tr>
<tr>
<td><div align="right">
<input name="joghurt" type="text" id="joghurt" size="5" maxlength="3">
</div></td>
<td>Glas Joghurt</td>
</tr>
<tr>
<td><div align="right">
<input name="quark" type="text" id="quark" size="5" maxlength="3">
</div></td>
<td>Glas Quark</td>
</tr>
<tr>
<td><div align="right">
<input name="butter" type="text" id="butter" size="5" maxlength="3">
</td>
<td>Packungen Butter</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Ich bezahle</td>
<td> </td>
</tr>
<tr>
<td><div align="right">
<input type="radio" name="zahlung" value="rechnung">
</div></td>
<td>Mit Rechnung</td>
</tr>
<tr>
<td><div align="right">
<input type="radio" name="zahlung" value="ueberweisung">
</div></td>
<td><p>Mittels Überweisung </p></td>
</tr>
<tr>
<td><div align="right">
<input type="radio" name="zahlung" value="kreditkarte">
</div></td>
<td>mit Kreditkarte</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">Ich wünschen zusätzlich</td>
</tr>
<tr>
<td><div align="right">
<input name="zusatz" type="checkbox" id="zusatz" value="geschenk">
</div></td>
<td>Geschenkverpackung</td>
</tr>
<tr>
<td><div align="right">
<input name="zusatz" type="checkbox" id="zusatz" value="rezept">
</div></td>
<td>Rezeptbuch</td>
</tr>
<tr>
<td><div align="right">
<input name="zusatz" type="checkbox" id="zusatz" value="broschuere">
</div></td>
<td>Broschüre</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><p align="right">
<input name="Submit" type="submit" onClick="MM_validateForm('name','','R','telefon','','RisNum','mail','','RisEmail');return document.MM_returnValue" value="Senden">
</td>
<td>
<input name="reset" type="reset" id="reset" value="Zurücksetzen">
</td>
</tr>
</table>
</form>
</body>
</html>