Hauptmenü

Untermenü

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 (0fields.lengthi++)
  {
    // 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