Validierung der E -Mail -Adresse in JavaScript

Der Prozess der Überprüfung der eingegebenen Werte durch die Benutzer wird als Validierung bezeichnet. Es verbessert die Benutzererfahrung und ist für Webanwendungen von Bedeutung. Die Validierung wird in JavaScript verwendet, um die Identität eines Benutzers zu überprüfen, indem Sie die E -Mail, das Kennwort, die Handynummer des Benutzers und eine Vielzahl anderer Informationen überprüfen. Diese Technik wird am meisten genutzt, um Formulare für Websites zu erstellen.

In diesem Beitrag werden wir über einige gängige Methoden zur Validierung von E -Mail -Adressen in JavaScript sprechen.

Validierung der E -Mail -Adresse in JavaScript?

Bei der Überprüfung eines HTML -Formulars ist die Validierung der E -Mail ein kritischer Schritt. In JavaScript können Sie die E -Mail -Adresse validieren:

1. Verwenden von Regex
2. Ohne Regex

Lassen Sie uns untersuchen, wie diese Ansätze die E -Mail validieren werden.

Methode 1: Validieren Sie die E -Mail -Adresse mit Regex

Um eine E -Mail zu validieren, können Sie mit JavaScript ein Regex -Muster/reguläre Ausdruck verwendenpassen()" Methode. Der Wert der angegebenen E -Mail in einem Eingabebuch wird mit einem regulären Ausdruck oder Regex -Muster mit der match () -Methode verglichen.

Syntax
Befolgen Sie die folgende Syntax zur Überprüfung einer E -Mail mit der Methode () -Methode:

Eingabetext.Wert.Match (regexpattern);

Hier das "regexpatternIst der reguläre Ausdruck, der mit dem Wert des Textfelds übereinstimmt.

Schauen Sie sich nun das folgende Beispiel an.

Beispiel
In diesem Beispiel werden wir ein HTML-Formular erstellen, das einen Eingabwert und eine Schaltfläche enthält, die überprüft, ob die eingegebene E-Mail gültig ist oder nicht, indem die benutzerdefinierte JavaScript-Funktion mit dem Namen "" "Mailvalidation ()”:

Einreichen

In der JavaScript -Datei werden wir die “definieren“Mailvalidation ()Methode, die den Wert des Eingangsfeldes als Parameter nimmt. Definieren Sie danach ein Regex-Muster für E-Mails, das A-Za-Z-Alphabeten, Zeichen, 0-9 Ziffern mit @ und ((.). Rufen Sie dann die match () -Methode mit dem Eingabtextwert auf, indem Sie das Regex -Muster übergeben. Wenn der Wert des Eingangstextes mit der Regex übereinstimmt, wird eine Warnung mit der Nachricht angezeigtGültige E-Mail-Adresse!”; Andernfalls zeigt die Warnung eine angegebene Nachricht:

Funktion mailvalidation (InputText)

regexpattern = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-Za-Z0-9-]+)*$/;
InputTextVal = Dokument.GetElementById ("txt");
if (inputTextVal.Wert.Match (Regexpattern))

Warnung ("Gültige E -Mail -Adresse!");
zurückkehren;

anders

Warnung ("Sie haben eine ungültige E -Mail -Adresse eingegeben!");
falsch zurückgeben;

Es ist ersichtlich, dass unsere definierte Methodik perfekt zur Überprüfung der E -Mail -Adresse funktioniert:

Sehen wir uns eine andere Methode an, um E -Mails zu validieren, ohne Regex zu verwenden.

Methode 2: Validieren Sie die E -Mail -Adresse, ohne Regex zu verwenden

Zur Validierung von E -Mails ohne Regex können Sie das verwendeninklusive ()" Methode. Es gibt einen Booleschen Wert als Ausgabe. Es akzeptiert Charaktere als Argument und kehrt zurück “WAHR"Wenn sie im Eingang existieren, gibt es sonst aus" aus "FALSCH”.

Syntax
Befolgen Sie die unterbereitete Syntax, um die include () -Methode zu verwenden:

Saite.enthält (Zeichen);

Hier, "Figuren" sind die (@) Zeichen und (.) die in der eingegebenen E -Mail überprüft werden.

Beispiel
In diesem Beispiel werden wir Änderungen in der oben erstellten JavaScript-Funktion namens “vornehmen“Mailvalidation ()”. Hier verwenden wir die Include () -Methode in der Funktion, um den Eingangswert zu überprüfen, ob er enthält ((@) Zeichen und (.) oder nicht:

Funktion mailvalidation (InputText)

InputTextVal = Dokument.GetElementById ("txt");
if (inputTextVal.Wert.Inklusive ("@", ".")))

Warnung ("Gültige E -Mail -Adresse!");
zurückkehren;

anders

Warnung ("Sie haben eine ungültige E -Mail -Adresse eingegeben!");
falsch zurückgeben;

Ausgang

Wir haben die einfachsten Methoden zur Validierung von E -Mail -Adressen mit JavaScript zusammengestellt.

Abschluss

Um eine E -Mail -Adresse zu validieren, können Sie die “verwenden“passen()"Methode zur Validierung mit Regex oder"inklusive ()Methode zur Validierung der E -Mail ohne Regex. Die match () -Methode entspricht der eingegebenen E -Mail -Adresse mit dem jeweiligen Regex, während die Include () -Methode überprüft die “@" und das ".”In der E -Mail sind beide in der eingegebenen E -Mail enthalten oder nicht. In diesem Beitrag wurde die Methoden zur Validierung von E -Mail -Adressen in JavaScript mit detaillierten Beispielen erörtert.