HTML-HTML5-E-Mail-Validierung
Formularvalidierung ist wichtig, um Online -Formulare zu verhindern, die von nicht autorisierten Benutzern missbraucht wurden. Unangemessene Validierung von Formulardaten ist einer der Hauptgründe für das Sicherheitsproblem. Es wird die Website den Header-Korrekturen, dem Cross-Site-Scripting und den SQL-Booster-Angriffen ausgesetzt. Insbesondere ist die E -Mail -Validierung ein Verfahren, um festzustellen, ob eine bestimmte E -Mail -Adresse aktiv und erreichbar ist.
In diesem Beitrag werden die verschiedenen Methoden für die HTML5 -E -Mail -Validierung erläutert:
- Methode 1: E -Mail -Validierung, indem das Muster im Eingabeelement definiert wird
- Methode 2: E -Mail -Validierung durch Eingabe "Typ" als E -Mail
Methode 1: E -Mail -Validierung durch Definieren des Musters im Eingabeelement
Erstellen Sie für die HTML5 -E -Mail -Validierung ein Formular mit der “Element ”und fügen Sie ein Eingangselement hinzu und geben Sie den Eingangstyp als" an "an"EmailUnd definieren Sie das Muster der E -Mail.
Schritt 1: Erstellen Sie ein Formular
Verwenden Sie zum Zwecke der Gestaltung einer Form die “Element auf der HTML -Seite.
Schritt 2: Etikett einfügen
Als nächstes fügen Sie die "hinzu"Element zum Definieren des Etiketts in der Form. Dann einbetten.
Schritt 3: Eingabeelement hinzufügen
Danach einfügen eine “Element zum Erstellen eines Eingabefeldes und das Hinzufügen der folgenden Attribute im Eingabeelement:
- “TypDas Attribut bestimmt den Eingangstyp im Formular. In diesem Szenario der Wert der “Typ"Attribut wird als" angegeben "Email”, Damit der Benutzer nur E -Mail -Daten in das Feld Eingabe eingeben kann.
- “MusterGibt einen regelmäßigen Ausdruck an, dass das “Der Wert des Elements wird bei der Einreichung von Formularen überprüft.
- “Platzhalter”Zuweist einen kurzen Hinweis, der den erwarteten Wert eines Eingabefeldes oder eines Textbereichs beschreibt:
Infolgedessen kann der Benutzer E -Mails im Feld Eingabe hinzufügen:
Wenn die Benutzer jedoch versuchen, eine ungültige E -Mail einzugeben, wird das Formular nicht eingereicht:
Methode 2: E -Mail -Validierung durch Eingabe "Typ" als E -Mail
Der Benutzer kann die E -Mail auch hinzufügen, indem der Eingabetyp als “angegeben wirdEmail”, Diese Unterstützung nur die Daten, die aus der E -Mail -Adresse bestehen:
Ausgang
Hier geht es um die HTML5 -E -Mail -Validierungsmethoden.
Abschluss
Entwerfen Sie für die HTML5 -E -Mail -Validierung zunächst ein Formular mit der “Element und fügen Sie eine "hinzu"Element und geben Sie die Eingabe an “Typ" als "Email"Und definieren Sie das"Muster”Durch Angeben eines bestimmten Musters der E -Mail. Andererseits kann der Benutzer den anderen Datenart in das angegebene Feld nicht eingeben. In diesem Tutorial wurde die HTML5 -E -Mail -Validierungsmethoden gezeigt.