OOP/DOM-Scripting JavaScript - Einstiegstutorial 2 - Methode 2
1. Die Abschnitte
2. Überraschung!
So was gibt es bei JavaScript zuhauf. So haben wir zwei Möglichkeiten um eine "normale" Funktion aufzubauen. Der Unterschied liegt
darin, dass man mit der zweiten Variante die Methode global in das window
-Objekt einhängt. Mein Tipp dazu. Lasst die
Finger davon, wenn ihr nicht genau wisst, was ihr wollt.
Möglichkeit 1
function checkMail()
{
// Hier kommt die Bedingung
}
Möglichkeit 2
checkMail = function()
{
// Hier kommt die Bedingung
}
3. Die Methode
Wir entscheiden uns erst mal für die Standard-Variante function checkMail()
da die zweite Möglichkeit
checkMail = function()
etliche Risiken und Ungereimtheiten mit sich bringt.
function checkMail()
{
if (!form[mail].value.match(/@/))
{
return mail + ' im Formular ' + form.name
+ ' ist keine gültige Mail' + "\n";
}
else
{
return false
}
}
Erläuterung
Mit if (!form[mail].value.match(/@/))
überprüfen wir nur, ob der Eintrag in unserem Mail-Feld ein @ enthält. Wer sich
mit komplexeren regulären Ausdrücken beschäftigen will, bitte schön. Allerdings gibt es bei
JavaScript ein paar Unterschiede. Irgendwann werde ich auch dazu was schreiben.
Wenn die Überprüfung nicht erfolgreich ist, so geben wir eine entsprechende Fehlermeldung zurück, anderenfalls ein false
.
Die entsprechende Verarbeitung erfolgt in der Methode this.verifyForm = function ()
innerhalb der zweiten Bedingung:
else if (fields[i].value != '' && fields[i] == mail)
{
mail_error = checkMail ();
if (mail_error)
{
this.error += mail_error;
}
}
zurück zum vorherigen Abschnitt weiter zum nächsten Abschnitt