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
.H3Hier verwenden wir einige grundlegende CSS, um unsere HTML -Elemente zu stylen.
JavaScript
FunctionValidateemail (InputText)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.