Existenz einer eingegebenen E-Mail-Adresse überprüfen
Hinweis: Diese Feature sind Teil der Visforms Subscription und in der freien Visforms Version nicht enthalten.
Funktionsweise
Dieses Feature fügt in der Feldkonfiguration für Felder vom Typ “E-Mail”, eine neue Option “E-Mail Existenz überprüfen” hinzu. Sie finden diese Option direkt auf dem Reiter “Grundeinstellungen”.
Neue Option in Feld-Konfiguration
Ist diese Option angehakt, dann werden im Formular unterhalb des entsprechenden E-Maileingabefeldes eingefügt
- ein Button “Verifizieren” und
- ein Eingabefeld “Verifizierungscode eingeben”.
Klickt der Benutzer auf den “Verifizieren” Button wird ein Code erzeugt. Der Code wird ihm per Mail an die angegebene Adresse zugeschickt. Der Code muss dann im Feld “Verifizierungscode eingeben” eingeben werden. Ansonsten kann das Formular nicht verschickt werden.
Ansicht im Formular
Gültige Codes werden in einer Tabelle in der Datenbank gespeichert. Dadurch können die Codes eindeutig der E-Mail-Adresse und dem verwendeten Formular zugeordnet werden. Für jede E-Mail-Adresse gibt es maximal einen gültigen Code.
Drückt der Benutzer mehrfach auf den “Verifizieren” Button, so wird jeweils ein neuer Code erzeugt und verschickt. Immer nur der letzte verschickte Code wird in der Datenbank gespeichert. Codes, die älter als 7 Tage sind, werden automatisch gelöscht.
Realisierung
Man kann dem Webseitenbenutzer einen Hinweis geben, wie die Prüfung der Existenz der E-Mail funktioniert und was er tun soll. Dieser Text lässt sich gut mit der Option “Benutzerdefinierten Text” auf dem Reiter “Erweitert” realisieren. Einen solchen “Benutzerdefinierten Text” können Sie in Visforms für jedes Feld anlegen.
Die beiden zusätzlichen Controls “Verifizieren” Button und Eingabefeld für den Code, sehen in manchen Layouts nicht zu 100 % perfekt aus. Daher haben wir diese beiden Controls mit individuellen CSS-Klassen versehen. Dadurch können diese sehr einfach mit eigenem CSS angepasst werden.
Der “Verifizieren” Button kann über den CSS Selektor btn.verifyMailBtn angesprochen werden. Das Eingabefeld, in den der Code eingegeben werden muss, kann über den CSS Selektor input.verificationCode angesprochen werden. Beide Elemente haben auch eine eigene eindeutige ID. Diese ID müssen Sie dem Quellcode der Seite entnehmen, da diese natürlich für jedes Feld im Formular unterschiedlich ist.
Integration mit anderen Visforms Features
Ist das E-Mail Feld kein Pflichtfeld und der Benutzer hat keine E-Mail-Adresse eingegeben, wird selbstverständlich auch kein Verifizierungscode erwartet.
E-Mail Felder, für die die Überprüfung der E-Mail-Adresse aktiviert ist, können problemlos als bedingte Felder verwendet werden. Eine Verifizierung ist dann nur nötig, wenn das Feld tatsächlich angezeigt wird. Die Anzeige erfolgt entsprechend den “Pflichtfeldeinstellungen” und den tatsächlichen Benutzereingaben.
In den Daten-Editieren Ansichten im Frontend wird nicht erneut eine E-Mail Existenzprüfung durchgeführt. Der “Verifizieren” Button und das Formularfeld zur Eingabe des Verifizierungscodes werden in den Daten-Editieren Ansichten im Frontend daher auch nie angezeigt.