<script language=JavaScript>
// Die Funktion zum Prüfen, welche Kreditkarte ausgewählt wurde
function kartentest(karte)
{
var i;
var kartenart;
var kartentyp;
var num1 = document.karte.nummer1.value;
var num2 = document.karte.nummer2.value;
var num3 = document.karte.nummer3.value;
var num4 = document.karte.nummer4.value;
var nummer_ok = false;
var karteninhaber = document.karte.inhaber.value;
var kartennummer = document.karte.nummer.value;
var msg;
var msg_inhaber;
// For-Schleife, um festzustellen, welche Karte ausgewählt wurde. Die Kartenarten werden mit einem Array angegeben.
for(i=0; i<document.karte.art.length; i++)
{
if(document.karte.art[i].checked)
{
kartenart = document.karte.art[i].value;
}
}
// Nur Visa und Amex können ausgewählt werden. Default bedeutet, dass nicht auf eine Schaltfläche geklickt wurde und somit keine Karte ausgewählt ist.
switch(kartenart)
{
case a: kartentyp=American Express; break;
case v: kartentyp=Visa; break;
default: kartentyp=nichtvorhanden; return false; break;
}
// Bei Default wird dann eine Meldung zur Kartenauswahl ausgegeben.
if(kartentyp ==nichtvorhanden)
{
alert(Bitte wählen Sie eine Kartenart aus!);
return false;
}
// Fehleingabe: eines der ersten 3 Zahlenfelder ist leer. Das 4. Feld muss bei der American Express leer sein.
if(num1 ==||num2 ==||num3 ==)
{
alert(Ohne Nummer geht es nicht!);
return false;
}
if(isNaN(num1)||isNaN(num2)||isNaN(num3))
{
alert (Die Kartennummer besteht nur aus Ziffern!);
return false;
}
else
{
// Die Länge der Felder bei der Amex wird bestimmt.
if(kartenart ==a && num1.length==4 && num2.length==6 && num3.length==5 && num4.length==0)
{
alert(Korrektes Format der American Express Karte);
nummer_ok = true;
}
// Die Länge der Felder bei der Visa Karte wird bestimmt.
if((kartenart==v && num1.length==4 && num2.length==4 && num3.length==4 && num4.length==4 && !(isNaN(num4))
{
alert(Korrektes Format der Visa Karte);
nummer_ok = true;
}
}
// Die Angaben im Feld für den Karteninhaber muss überprüft werden.
if(karteninhaber ==)
{
msg_inhaber = Es geht um Ihre Kreditkarte und nicht um ein ;
msg_inhaber += Schweizer Nummernkonto!\n\n;
msg_inhaber += Bitte geben Sie den Namen des Inhabers ;
msg_inhaber += der Karte ein!\n;
alert(msg_inhaber);
return false;
}
// Nur bestimmte Zeichen sind erlaubt.
for(i=0; i<document.karte.inhaber.value.length;++i)
{
test = document.karte.inhaber.value[i];
if((test >= A && test <= Z) || test == . || test == _ || test == )
{
//ok
}
else{
msg = Es können nur Großbuchstaben,\n;
msg += Punkte, Bindestriche und Leerzeichen\n;
msg += in das Feld Karteninhaber eingegeben werden.\n;
msg += Bitte umschreiben Sie ä mit ae,\n;
msg += ö mit oe\n;
msg += und ü mit ue.\n;
alert(msg);
return false;
}
}
// Hier wird ausgegeben, was der Kunde als Angaben eingegeben hat.
if(nummer_ok)
{
msg = Sie zahlen mit Ihrer ;
msg += kartentyp;
msg += Karte \n;
msg += mit der Nummer: ;
msg += num1 + ;
msg += num2 + ;
msg += num3 + ;
msg += num4 + ;
msg += \n;
msg += Karteninhaber: ;
msg += karteninhaber;
msg += \n\n;
alert(msg);
}
else{
alert(Dies ist keine korrekte Nummer für diesen Kreditkartentyp!);
return false;
}
}
</script>
</head>
<body bgcolor=beige>
<h1>Bogen bestellen</h1>
<p class=text>Um Ihre Bestellung aufzugeben, füllen Sie bitte die folgenden Felder aus:
<h2>Auswahl des Bogens</h2>
<h3>Bogentyp:</h3>
<form name=karte method=post onSubmit=return kartentest()>
<p class=text>Wählen Sie bitte den Bogentyp aus:</p>
<input type=radio name=Bogentyp value=Langbogen>Langbogen<br>
<input type=radio name=Bogentyp value=RecurveBogen>Recurve-Bogen<br>
<h3>Bogenfarbe:</h3>
<p class=text>Wählen Sie bitte die Bogenfarbe aus:</p>
<input type=radio name=Bogenfarbe value=Tarnmuster>Tarnmuster<br>
<input type=radio name=Bogenfarbe value=Braun>Braun<br>
<input type=radio name=Bogenfarbe value=Rot>Rot<br>
<input type=radio name=Bogenfarbe value=Grün>Grün<br>
<input type=radio name=Bogenfarbe value=Blau>Blau<br>
<input type=radio name=Bogenfarbe value=Natur>Natur<br>
<h3>Bogenlänge:</h3>
<p class=text>Wählen Sie bitte die Bogenlänge aus:</p>
<input type=radio name=Bogenlänge value=140cm>140 cm<br>
<input type=radio name=Bogenlänge value=150cm>150 cm<br>
<input type=radio name=Bogenlänge value=160cm>160 cm<br>
<input type=radio name=Bogenlänge value=170cm>170 cm<br>
<input type=radio name=Bogenlänge value=180cm>180 cm<br>
<input type=radio name=Bogenlänge value=190cm>190 cm<br>
<input type=radio name=Bogenlänge value=200cm>200 cm<br>
<input type=radio name=Bogenlänge value=210cm>210 cm<br>
<input type=radio name=Bogenlänge value=220cm>220 cm<br>
<h3>Zugkraft:</h3>
<p class=text>Wählen Sie bitte die Zugkraft aus (die Angaben sind in britschen Pfund):</p>
<input type=radio name=Zugkraft value=30lbs>30 Pfund<br>
<input type=radio name=Zugkraft value=40lbs>40 Pfund<br>
<input type=radio name=Zugkraft value=50lbs>50 Pfund<br>
<input type=radio name=Zugkraft value=60lbs>60 Pfund<br>
<input type=radio name=Zugkraft value=70lbs>70 Pfund<br>
<input type=radio name=Zugkraft value=80lbs>80 Pfund<br>
<h2>Lieferadresse</h2>
<p class=text>Füllen Sie bitte die folgenden Felder vollständig aus:</p>
<table border=0>
<tr><td>Vorname:</td><td><input type=text size=40 name=vorname></td></tr>
<tr><td>Nachname:</td><td><input type=text size=40 name=nachname></td></tr>
<tr><td>Straße:</td><td><input type=text size=40 name=strasse></td></tr>
<tr><td>Hausnummer:</td><td><input type=text size=5 name=hausnummer></td></tr>
<tr><td>Postleitzahl:</td><td><input type=text size=5 maxlength=5 name=postleitzahl></td></tr>
<tr><td>Ort:</td><td><input type=text size=40 name=ort></td></tr>
<tr><td>E-Mail-Adresse:</td><td><input type=text size=40 name=email_adresse></td></tr>
<tr>
<td>Telefonnumer:</td>
<td><input type=text size=5 maxlength=5 name=vorwahl>
<input type=text size=10 name=rufnummer>
</td></tr>
</table>
<h2>Angaben zur Kreditkarte</h2>
<p class=text>Geben Sie bitte die Informationen zu Ihrer Kreditkarte an:</p>
<input type=radio name=art VALUE=a>American Express<br>
<input type=radio name=art VALUE=v>Visa<br>
<br>
<table border=0>
<tr>
<td>Kartennummer:</td>
<td>
<input type=text size=4 name=nummer1>
<input type=text size=6 name=nummer2>
<input type=text size=5 name=nummer3>
<input type=text size=4 name=nummer4>
</td>
</tr>
<tr><td>Karteninhaber:</td><td><input type=text size=40 name=inhaber></td></tr>
<tr><TD>Geben Sie bitte das Ablaufdatum ein:</td>
<td>Monat
<SELECT NAME=exp_month>
<OPTION VALUE=01> 01
<OPTION VALUE=02> 02
<OPTION VALUE=03> 03
<OPTION VALUE=04> 04
<OPTION VALUE=05> 05
<OPTION VALUE=06> 06
<OPTION VALUE=07> 07
<OPTION VALUE=08> 08
<OPTION VALUE=09> 09
<OPTION VALUE=10> 10
<OPTION VALUE=11> 11
<OPTION VALUE=12> 12
</SELECT>
Jahr
<SELECT NAME=exp_year>
<OPTION VALUE=2006> 2006
<OPTION VALUE=2007> 2007
<OPTION VALUE=2008> 2008
<OPTION VALUE=2009> 2009
</SELECT>
</TD></TR>
<tr><td>Formular:</td><td><input type=submit value=Abschicken>
<input type=reset value=L&ouml;schen></td></tr>
</table>
</form>
</body>
</html>