OOP/DOM-Scripting JavaScript - Einstiegstutorial 2 - Methode 1
1. Die Abschnitte
2. Der Grundaufbau
... ist bereits aus dem ersten Einstiegstutorial bekannt und bedarf eigentlich (hoffentlich) keiner weiteren Erläuterung. Wenn nicht, lesen!
this.verifyForm = function ()
{
for (i = 0; i < fields.length; i++)
{
// Hier kommen die Bedingungen
}
}
3. Die Bedingung
... innerhalb(!) der for
-Schleife überprüft wie gehabt, ob die festgelegten Formularfelder aus dem
Array fields
einen Eintrag haben. Es gibt nur einen Unterschied.
if (form[fields[i]].value == '')
{
this.error += fields[i] + ' im Formular '
+ form.name + ' wurde nicht ausgefüllt'
+ "\n";
}
Der Unterschied
Diesmal geben wir im Falle eines leeren Formularfeldes kein alert
zurück, sondern schreiben die Fehlermeldungen(!)
mit einer Zeichenverknüpfung (+=
) in die öffentliche Eigenschaft this.error
. Darum mussten wir der
zu Anfang auch einen leeren String zuweisen (this.error = '';
), da wir sonst zu Beginn ein undefined
stehen hätten. Probiert es mal aus mit this.error;
.
3. Die Alternativ-Bedingung
... ist auch nichts wirklich Weltbewegendes. Anhand der entsprechenden Vorgaben rufen wir die benötigte Methode zur Überprüfung auf.
else if (fields[i].value != '' && fields[i] == mail)
{
var mail_error = checkMail();
if (mail_error)
{
this.error += mail_error;
}
}
Erläuterung
Wenn ein Formularfeld einen Inhalt hat und per Variable mail
als Mail-Feld gekennzeichnet wurde
(else if (fields[i].value != '' && fields[i] == mail)
), so rufen wir die private Methode checkMail
auf.
Da diese uns einen Rückgabewert liefern muss (später mehr), benötigen wir daür die Variable mail_error
, die wir im
Falle eines Inhalts (String) an die bestehende Eigenschaft this.error
anfügen.
zurück zum vorherigen Abschnitt weiter zum nächsten Abschnitt