JavaScript reguläre Ausdrucks -E -Mail -Validierung
E -Mail -Adressen haben ein bestimmtes Format mit bestimmten Zeichen und Strukturen. Die Validierung einer E -Mail -Adresse stellt sicher, dass sie sich im richtigen Format befindet und zum Senden oder Empfangen von E -Mails verwendet werden kann. Durch die Validierung von E -Mail -Adressen können Sie sicherstellen, dass wichtige Informationen an den richtigen Empfänger geliefert werden und dass die Kommunikation so effizient wie möglich ist.
In diesem Blog wird die E -Mail -Validierung in JavaScript beschrieben.
Validierung von E -Mails in JavaScript?
Die Überprüfung der eingegebenen E -Mail -Adresse des Benutzers wird als E -Mail -Validierung bezeichnet. In JavaScript können Sie eine E -Mail -Adresse mit “validieren“ validierenregulären Ausdruck" mit dem "passen()" Methode. Die match () -Methode überprüft die Eingabe des Benutzers mit dem angegebenen Muster.
Sehen wir uns zunächst einige gültige und ungültige E -Mail -Adressen an und erstellen Sie dann ein Muster, um die E -Mail -Adressen zu validieren.
Gültige E -Mail -Adressen
Einige gültige E -Mail -Adressen sind:
Ungültige E -Mail -Adressen:
Die folgenden formatierten E -Mails sind nicht akzeptabel:
- Eine E -Mail begann mit einem Punkt “.”
- Kein Charakter vor @
- Ohne @
- Doppelpunkte sind nicht erlaubt
Muster
Das angegebene Muster ist ein allgemeines E -Mail -Formatmuster:
var muster = /[a-z0-9]+@[a-z]+\.[a-z] 2,3/
Das obige Muster akzeptiert:
- “[A-Z0-9]”Zeigt die kleinen Buchstabenzeichen mit Zahlen an.
- “@[a-z]”Bedeutet das @ Zeichen mit einer beliebigen Anzahl kleiner Zeichen.
- “\.”Geben Sie den Punkt an (.).
- “[a-z] 2,3”Bezeichnet die Alphabete A-Z mit Länge 2 oder 3, wie z."com","Org","Netz", usw.
Es ist wichtig zu beachten. Sie können ein Muster für Ihre eigenen Anforderungen erstellen/definieren.
Versuchen wir ein anderes (komplexes) Muster, das die kleinen und Kapital -Fallbuchstaben mit verschiedenen Sonderzeichen akzeptiert:
var muster = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[a-za-z0-9-]+)*$/
Beispiel
Erstellen Sie in einer HTML -Datei ein Formular, das ein Textfeld, eine Schaltfläche und einen Bereich zum Anzeigen einer Fehlermeldung enthält. Hänge an "ONCLICKEreignis mit dem "einreichenTaste, die die “aufgerufen wird“E -Mail -ValidationFunc ()Funktion zur Validierung der Benutzereingabe:
Fügen Sie in der JavaScript -Datei den folgenden Code hinzu:
Funktion EMALVALIDATIONFUNC ()
var input = Dokument.GetElementById ("Mail").Wert;
var muster = /[a-z0-9]+@[a-z]+\.[a-z] 2,3/;
if (Eingabe.Match (Muster))
ALERT ("Musterübereinstimmungen!");
zurückkehren;
anders
dokumentieren.getElementById ("Fehler").Innerhtml = "Bitte geben Sie eine gültige E -Mail -Adresse ein!";
falsch zurückgeben;
Nach dem obigen Code -Snippet:
- Definieren Sie zunächst eine Funktion namens “E -Mail -ValidationFunc ()”Das wird auf der Schaltfläche Klick ausgelöst.
- Erhalten Sie den Wert der Benutzereingabe mit der “Wert”Attribut.
- Erstellen Sie ein Muster für die validierende E -Mail -Adresse.
- Ruf den "passen()Methode zum Überprüfen, ob der Eingabwert dem angegebenen Muster übereinstimmt. Wenn ja, dann zeigen Sie eine Warnmeldung “Musterübereinstimmungen!”. Andernfalls drucken Sie die Fehlermeldung “Bitte geben Sie eine gültige E-Mail-Adresse ein!”.
Ausgang
Hier geht es um die E -Mail -Validierung mit dem regulären Ausdruck von JavaScript.
Abschluss
Verwenden Sie in JavaScript zur Validierung einer E -Mail -Adresse die “regulären Ausdruck" mit dem "passen()" Methode. Die match () -Methode überprüft die Eingabe des Benutzers mit dem angegebenen Muster. In diesem Blog wird allgemeine E -Mail -Formatierungsmuster erwähnt, aber Sie können auch ein Muster für Ihre eigenen Anforderungen erstellen. In diesem Blog haben wir die E -Mail -Validierung in JavaScript beschrieben.