E -Mail -Validierung in JavaScript

E -Mail -Validierung in JavaScript
JavaScript, eine Programmiersprache, die zur Entwicklung exquisit ansprechender Websites verwendet wird. Abgesehen davon, dass Sie Ihrer Website einen angenehmen Blick auf Ihre Website verleihen, wird es auch für Validierungszwecke verwendet, um ein HTML -Formular zu erstellen. Die Validierung, vor allem die E -Mail -Validierung, ist ein sehr wichtiger Teil eines Formulars, mit dem nur authentische Informationen vom Benutzer bereitgestellt werden. Wir haben diesen Beitrag entwickelt, um Ihnen zu zeigen, wie Sie die Benutzer -E -Mail mit JavaScript validieren können. Dieser Artikel deckt die folgenden Themen ab.
  1. Einführung in die Validierung
  2. Validierung von E -Mails mit JavaScript

Lass uns anfangen.

Einführung in die Validierung

Die Validierung ist das Verfahren, um sicherzustellen, dass der Benutzer sowie die Informationen, die der Benutzer bereitstellt, authentisch ist. JavaScript authentifiziert die Informationen auf der Client-Seite, die das Datenverarbeitungsverfahren verbessern.

Die Validierung wird verwendet, um den Benutzernamen, das Kennwort, die E -Mail, die Telefonnummer usw. zu authentifizieren. In diesem Beitrag werden wir uns an die E -Mail -Validierung halten. Lassen Sie uns lernen, wie man das mit JavaScript ausführt.

Validierung von E -Mails mit JavaScript

Wie bereits erwähnt, ist die Validierung einer E -Mail von großer Bedeutung beim Erstellen von Formularen auf Websites.

Eine E -Mail -Adresse ist in zwei Teile unterteilt, die mit dem Symbol „@“ getrennt sind. Darüber hinaus besteht jede dieser Teile aus einer Kombination von ASCII -Zeichen. Der erste Teil einer E -Mail bezeichnet hauptsächlich die persönlichen Informationen eines Benutzers und besteht aus den folgenden.

1. Sowohl Großbuchstaben (A-Z) als auch Kleinbuchstaben (A-Z).

2. Numerische Ziffern (0-9).

3. Sonderzeichen mögen ! # $ % ^ & * _ - = | ~.

4. Ein Vollstalt.)

Außerdem kann der Domain -Name, der Teil der E -Mail ist, die nach dem @ -Symbol kommt, aus Buchstaben, Ziffern, Bindestrichen und Punkten bestehen.

Beispiel

Hier haben wir ein vollständiges Beispiel für ein HTML -Formular gezeigt, das eine E -Mail mit JavaScript validiert.

Html





Geben sie ihre E-Mailadresse ein











Im obigen HTML -Code haben wir ein Eingabebuch erstellt, in dem der Benutzer die E -Mail -Adresse eingibt, und auf die Schaltfläche "Klicken Sie auf die Schaltfläche Senden", wird die eingegebene E -Mail an die übergeben E-Mail validieren() Methode zu validieren.

CSS

.H3
Rand-Links: 38px;

Eingabe
Schriftgröße: 20px;

Eingabe: Fokus, TextArea: Fokus

Hintergrundfarbe: Whitesmoke;

Eingabe enden
Schriftgröße: 12px;

Hier verwenden wir einige grundlegende CSS, um unsere HTML -Elemente zu stylen.

JavaScript

FunctionValidateemail (InputText)

var mailformat = /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/;
if (InputText.Wert.Match (MailFormat))

Warnung ("Gültige E -Mail -Adresse!");
dokumentieren.Form 1.Text 1.Fokus();
returnTrue;

anders

ALERT ("Ungültige E -Mail -Adresse!");
dokumentieren.Form 1.Text 1.Fokus();
falsch zurückgeben;

In diesem JavaScript -Code ein regulärer Ausdruck /^\ W+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ wird zur Validierung einer E -Mail verwendet. Wenn anschließend Anweisungen verwendet werden, um anzugeben, wenn der Benutzer eine gültige E -Mail -Adresse eingibt darüber.

Ausgang

Wenn Sie eine authentische E -Mail -Adresse angeben.

Wenn Sie eine ungültige E -Mail -Adresse eingeben.

Die E -Mail -Validierung war erfolgreich.

Abschluss

In JavaScript ein regulärer Ausdruck /^\ W+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ wird verwendet, um eine E -Mail -Adresse in HTML -Formularen zu validieren, die das Muster einer gültigen E -Mail angeben. Wenn/sonst Anweisungen verwendet werden, um Bedingungen für eine gültige und ungültige E -Mail -Adresse anzugeben. In diesem Artikel wird Sie mithilfe eines relevanten Code.