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