ich habe nun noch eine andere Variante gebastelt, in welcher die Eingabefelder vor dem Absenden noch einmal genauer auf passende Inhalte überprüft werden. Allerdings gelingt mir folgendes nicht:
- das Feld Geburtsdatum überprüfen ob ein gültiges Datum eingegeben wurde?
- das Feld PLZ überprüfen, ob 5 Zahlen drin stehen?
- die Kontrollkästchen beim Fokusieren, falls nicht angeklickt wurde, auch sichtbar zu markieren?
- Prüfen ob nach dem @ im Emailfeld auch noch Text steht?
Die Selfhtml Lösung zum Datum überprüfen mit Javascript begreife ich leider überhaupt nicht, wie ich die in meinen Code um- / einbauen muss?
Hier der bisherige Code mit der Javasript Felder Überprüfung:
Code: <!-- Enter deaktivieren -->
<script type="text/javascript">
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}
document.onkeypress = stopRKey;
</script>
<!-- Formulareingaben überprüfen -->
<script type="text/javascript">
function chkFormular () {
if (document.shop.Vorname.value == "") {
alert("Bitte Ihren Vornamen eingeben!");
document.shop.Vorname.focus();
return false;
}
if (document.shop.Nachname.value == "") {
alert("Bitte Ihren Nachnamen eingeben!");
document.shop.Nachname.focus();
return false;
}
if (document.shop.Geburtsdatum.value == "") {
alert("Bitte Ihr Geburtsdatum eingeben!");
document.shop.Geburtsdatum.focus();
return false;
}
if (document.shop.Strasse.value == "") {
alert("Bitte Ihre Straße und Hausnummer eingeben!");
document.shop.Strasse.focus();
return false;
}
if (document.shop.PLZ.value == "") {
alert("Bitte Ihr Postleitzahl eingeben!");
document.shop.PLZ.focus();
return false;
}
if (document.shop.Ort.value == "") {
alert("Bitte Ihren Wohnort eingeben!");
document.shop.Ort.focus();
return false;
}
if (document.shop.mail.value == "") {
alert("Bitte Ihre E-Mail-Adresse eingeben!");
document.shop.mail.focus();
return false;
}
if (document.shop.mail.value.indexOf("@") == -1) {
alert("Das ist keine gültige Emailadresse!");
document.shop.mail.focus();
return false;
}
if (document.shop.Bestellung.checked == false) {
alert("Bitte wählen Sie Ihr Produkt aus!");
document.shop.Bestellung.focus();
return false;
}
if (document.shop.AGB.checked == false) {
alert("Bitte akzeptieren Sie AGB um fortfahren zu können!");
document.shop.Bestellung.focus();
return false;
}
}
</script>
<!-- Formmailer Startcode -->
<form name = "shop" action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data" name="shop" style="display:none;" onsubmit="return chkFormular()">
<!-- Formmailer Ziel Emailadresse und Name -->
<input type="hidden" name="empfaenger_name" value="WEBNAME" /> <input type="hidden" name="empfaenger_mail" value="ZIELEMAIL" />
<!-- Gesamtes in die Mitte rücken -->
<p style="margin-left:20%; margin-right:10%">
<!-- Überschrift -->
Hiermit bestelle ich: <span style="color: rgb(255, 0, 0);"> (DAS IST NUR EIN TEST SHOP!)</span><br />
<!-- der Text "Bestelleingang von" den man nur in der Mail sehen kann -->
<input type="hidden" name="Bestelleingang von" value="" />
<!-- Ausfüllfelder mit persönlichen Daten des Bestellers -->
<input maxlength="50" name="Vorname" type="text" size="50"/> Vorname *<br />
<input maxlength="50" name="Nachname" type="text" size="50"/> Nachname *<br />
<input maxlength="50" name="Geburtsdatum" type="text" size="50"/> Geburtsdatum *<br />
<input maxlength="50" name="Strasse" type="text" size="50"/> Straße & Nr *<br />
<input maxlength="6" name="PLZ" type="text" size="50"/> PLZ *<br />
<input maxlength="50" name="Ort" type="text" size="50"/> Ort *<br />
<input maxlength="50" name="mail" type="text" size="50"/> Email *<br />
<span style="font-size: smaller;"> Ihre Daten werden nur für die Abwicklung Ihrer Bestellung verwendet!</span><br /><br />
<!-- Felder zum Ankreuzen -->
<input type="checkbox" name="Bestellung" value="Artikel XYZ für 00 EUR (inkl. 19% MwST)"/> ARTIKEL XYZ für 00,00 EUR (inkl. MwST)<br /> Artikelbeschreibung <br /><br />
<input type="checkbox" name="AGB" value="Ich akzeptiere hierbei die AGB"/> Ich akzeptiere hierbei diese <a href="http://www.musicformer.de/AGB.htm" target="_blank"><span style="color: rgb(255, 0, 0);">AGB</span></a><br /> <br />
<!-- Bestellbutton -->
<input style="height: 30px; width: 195px; background-color: #FFFFFF; color: #4682b4;" type="submit" value="Zahlungspflichtig bestellen" /></p>
<!-- Abschluss Satz -->
<p style="margin-left:20%; margin-right:10%">Sie erhalten unverzüglich eine Bestellbestätigung mit den Zahlungsdaten per Email!<br />
</p>
</form>
<!-- Prüfen ob Javascript aktiviert ist wenn nicht Meldung -->
<script type="text/javascript">
document.shop.style.display = 'block';</script><noscript>Ihr Browser unterstützt kein JavaScript! Bitte aktivieren Sie Javascript in den Einstellungen Ihres Browsers und öffnen Sie im Anschluss diese Seite erneut, um den Shop benutzen zu können!</noscript>