 Formulare, Vorlage 06
Info-Anforderung mit SpiderSchutz und Bestätigungseite. Formular mit Textfeldern Checkboxen und Radiobottons. Drei Pflichtfelder werden vor dem Senden überprüft, die Eingabe der Emal-Adresse auch auf Gültigkeit. In den Eingabefeldern steht erklärender Text, der automatisch gelöscht wird.
Schutz vor Email-Spidern
Ein Script schreibt die HTML-Befehle für das FORM-Tag und zerstückelt dabei die Empängeradresse. Das dient als SPAM-Schutz.
 26.02.2007 01:55 Uhr, Scriptcode nachgebessert (Danke an Bench)
|
|
<script type="text/javascript" language="JavaScript">
<!--
document.write('<form action="mailto:JuppZupp');
document.write('@');
document.write('web.de"');
document.write(' name="vorlage06" method="post"');
document.write(' onSubmit="return Pruefen();"');
document.write(' enctype="text/plain">');
//-->
</script>
Beim Absenden (onSubmit) wird die Funktion Pruefen() aufgerufen, welche die 3 Pflichtfelder überprüft. Ein 'return' im Aufruf sorgt für die Rückkehr zum Formular bei nicht bestandener Prüfung.
Innerhalb der Funktion Pruefen(), ganz am Ende hinter den Prüfungen, steht dann noch der Aufruf der Funktion InfoSeite() , die nach einer Verzögerung von weiteren 4 Sekunden zur Bestätigungsseite weiterleitet.
...
Prüfungen
...
// ruft nach der Prüfung die Bestätigungsseite auf:
InfoSeite();
}
Prüfung der 3 Pflichtfelder:
| Eingabe im Textfeld |
Prüfung ob leer | Prüfung ob gültig |
| Name |
ja |
nein |
| E-Mail |
ja |
ja |
| Nachricht |
ja |
nein |
|
Bei einer ungültigen Eingabe wird das Eingabezeichen automatisch im betreffenden Eingabefeld positioniert.
In der Formularvorlage sind außerdem die Funktionen Leeren() dafür zuständig, dass die Textvorgaben in den Eingabefeldern automatisch geleert werden, sobald die Felder den Fokus erhalten.
Vorlage für Info-Anforderung
Rufen Sie die Quellcode-Textdatei in der Kopfzeile auf und kopieren die Elemente in Ihr HTML-Grundgerüst, Email-Adresse eintragen, fertig.
Anpassungen Emailadresse
Damit die Post auch ankommt müssen Sie natürlich auch Ihre email-adresse im Formular notieren. Die Anpassung ist also zwingend notwendig!
Ersetzen sie in der Vorlagedatei JuppZupp und web.de mit Ihrer wirklichen Emailadresse
<script type="text/javascript" language="JavaScript">
<!--
document.write('<form action="mailto:JuppZupp');
document.write('@');
document.write('web.de"');
document.write(' name="vorlage06" method="post"');
document.write(' onSubmit="return Pruefen();"');
document.write(' enctype="text/plain">');
//-->
</script>
|
HOME
Download 
ScriptCode 
ZURÜCK