Was könnte einfacher sein, als ein HTML-Formular einzurichten, das E-Mail-Adressen erfasst, beispielsweise für einen Newsletter oder Benachrichtigungen. Man sollte natürlich eine E-Mail-Adresse in diesem Formular falsch eingeben und dann den Browser daran erinnern, dass die falsche Adresse für alle Anmeldeformulare verwendet wird.
Wenn Sie E-Mail-Adressen überprüfen möchten, die in Ihr Formular eingegeben wurden, aber komplizierte Bastelarbeiten und Skripts vermeiden, können Sie sich in HTML5 auf den Browser verlassen - ohne Aufwand und ohne auf JavaScript zuzugreifen.
Validieren Sie E-Mail-Adressen mit HTML5
Damit Benutzerbrowser die E-Mail-Adressen bei der Eingabe in Ihr HTML-Webformular überprüfen können:
- Stellen Sie sicher, dass Sie HTML5 verwenden.
- Geben Sie das E-Mail-Adresse-Eingabeelement als Typ "E-Mail" an. (Siehe unten für ein Beispiel.)
Browser, die type = "email" nicht erkennen, sollten (und soweit man das beurteilen kann) das Eingabefeld wie ein gewöhnliches type = "text" -Feld behandeln.
HTML5-E-Mail-Adressenvalidierungseinschränkungen
Beachten Sie, dass die Überprüfung der HTML-E-Mail-Adresse nur in Browsern funktioniert, die HTML5 unterstützen und die Eingabe von Formularelementen überprüfen. Für andere Browser und Backups können Sie E-Mail-Adressen beispielsweise noch mit PHP überprüfen.
Zu den Browsern, die die Validierung der HTML5-E-Mail-Adresse unterstützen, gehören Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ und Opera 10+. In Safari 5 und Google Chrome 6-8 wird keine ungültige E-Mail-Adresseingabe akzeptiert, im Gegensatz zu den anderen Browsern kann der Benutzer den Fehler jedoch nicht beheben.
Beispiel für die Überprüfung der HTML5-E-Mail-Adresse
Verwenden Sie zum Beispiel den folgenden Code, um die Browser der Benutzer zur Überprüfung von E-Mail-Adressen mit HTML5 zu aktivieren:
