Formularvorlage 01-A   (Basisformular mit SPAM-Schutz + Captcha)

Das Basis-Formular für den Anfang mit 3 farbig gekennzeichneten Pflichtfeldern. Bereits ausgestattet mit einem Email-Spider-Schutz und einem mathematischen Captcha zum Schutz vor Absendung durch einen Roboter. Einfach Quellcode kopieren und einfügen.

• Email, Nachricht und Code sind Pflichtfelder
• Eine Prüfung (leer?) erfolgt nur für die Felder Email und Nachricht
• Prüfung auf gültige Eingabe beim Eingabefeld Email
• Prüfung auf gültige Eingabe beim Eingabefeld Code

Bitte bedenken Sie, das man den Besucher mit unnötigen Pflicht-Eingaben beim Ausfüllen eines Formulars abschreckt. Wenn sie ein Feedback möchten, verlangen sie nicht zu viel. Die Abfrage einer Adresse oder der Telefonnummer sollte man nur erzwingen, wenn die Daten auch wirklich benötigt werden (z.B. bei einer Versandanschrift).

• CSS-Anweisungen für die Formatierungen in den Head-Bereich kopieren
• JavaSCript-Code in den Head-Bereich kopieren
• Formularcode in den Body-Bereich kopieren
• Email-Adresse anpassen

document.write('<form action="mailto:JuppZupp');
document.write('@');
document.write('web.de"');

action

Spider

Prüfungen

CAPTCHA

Erweitern

<form action="mailto:JuppZupp@abc.de" method="post" ...

Da aber zumindest ein Basis-Spiderschutz intergriert werden soll, bleibt es nicht bei dieser einfachen Notierung des <table>Tags in dieser Art und Weise (siehe nächsten Absatz).
Ausführliche Erklärungen zu Spiderschutz: Basiswissen Spam

Das einleitende Form-Tag, das sie normalerweise als HTML-Code im Dokument notieren, wird ersetzt durch JavaScript Schreibanweisungen. Das JavaScript schreibt dann das einleitende Form-Tag in das Dokument. So hat man die Möglichkeit, die Emailadresse zu zerstückeln und sie erscheint nicht mehr als zusammenhängender Text im Quellcode der Seite.

<form action="mailto:JuppZupp@abc.de"
name="vorlage01" method="post"
enctype="text/plain">

<form action="mailto:JuppZupp@abc.de"
name="vorlage01" method="post"
onSubmit="return Pruefen01();"
enctype="text/plain">

<script type="text/javascript" language="JavaScript">
<!--
document.write('<form action="mailto:JuppZupp');
document.write('@');
document.write('abc.de"');
document.write(' name="vorlage01" method="post"');
document.write(' onSubmit="return Pruefen01();"');
document.write(' enctype="text/plain">');
//-->
</script>

onSubmit="return Pruefen01()

document.write(' onSubmit="return Pruefen01();"');

function Pruefen01()
{
hier steht die Prüfung 1 (Eingabe Emailadresse leer)
hier steht die Prüfung 2 (Eingabe Emailadresse gültig)
hier steht die Prüfung 3 (Eingabe Text leer)
hier steht die Prüfung 4 (Capcha gültig)
...
}

<textarea name="nachricht" cols="20" rows="4">

... onSubmit="return Pruefen01();">

// Prüfung ist das Feld Nachricht leer?

if(document.vorlage01.nachricht.value == "") {
alert("Bitte Text eintragen!");
document.vorlage01.nachricht.focus();
return false;
}

alert("Bitte Text eintragen!");

document.vorlage01.nachricht.focus();

• ein Eingabefeld <input> innerhalb des Formulars notieren
• das Eingabefeld muss das Attribut 'name' haben
• eine Routine zu Prüfung für das Feld mit diesem Namen muss erstellt werden

Bundesland: <input type="Text" name="bland" value="">

// Prüfung ist das Feld Bundesland leer?

if(document.vorlage01.bland.value == "") {
alert("Bitte Bundesland eintragen!");
document.vorlage01.bland.focus();
return false;
}

function Pruefen01()
{
hier steht die Prüfung 1 (Emailadresse)
hier steht die Prüfung 2 (Eingabe)
hier steht die Prüfung 3 (Capcha)
hier die Prüfung 4 eintragen (Bundesland)
}

Telefon: <input type="Text" name="tel" value="">

if(document.vorlage01.tel.value == "") {
alert("Bitte Telefonnummer eintragen!");
document.vorlage01.tel.focus();
return false;
}