So ermitteln Sie, ob die E-Mail-Adresse in JQuery gültig ist

JQuery ist eine beliebte Javascript-Bibliothek und ihre flexible und praktische Syntax hat sie zu einem der notwendigen Tools für die Front-End-Entwicklung gemacht. In Webanwendungen müssen E-Mail-Adressen häufig überprüft werden. Wie kann man also mit JQuery feststellen, ob die E-Mail-Adresse gültig ist? Wir werden dieses Problem weiter unten untersuchen.

Bevor wir die E-Mail-Adresse beurteilen, müssen wir zunächst klären, was eine gültige E-Mail-Adresse ist. Eine gültige E-Mail-Adresse sollte den folgenden Regeln entsprechen:

1. muss das „@“-Symbol enthalten, das den Benutzernamen und den Domänennamen trennt.
2. muss einen Top-Level-Domainnamen enthalten (z. B. .com, .cn, .org usw.).
3. Der Domainname muss mindestens ein „.“-Symbol enthalten, um verschiedene Domainnamen zu trennen.

Lassen Sie uns nun einen Blick darauf werfen, wie Sie JQuery zur E-Mail-Verifizierung verwenden.

Schritt eins: Abrufen der vom Benutzer eingegebenen E-Mail-Adresse

Wir müssen JQuery verwenden, um die vom Benutzer eingegebene E-Mail-Adresse abzurufen. Unter anderem können wir die val()-Methode von JQuery verwenden, um den Wert im Eingabefeld abzurufen. Der Beispielcode lautet wie folgt:

var email = $('#email_input').val();

Wobei #email_input die ID des Benutzereingabefelds ist. #email_input 是用户输入框的id。

第二步：正则表达式验证邮箱地址

获取到用户输入的邮箱地址之后，我们需要使用正则表达式来验证邮箱地址是否有效。JQuery使用 RegExp 对象来进行正则表达式匹配。

在使用正则表达式之前，我们需要知道正则表达式的规则。一个基本的邮箱地址正则表达式如下：

var emailPattern = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

其中，正则表达式被封装在一个斜杠 (/) 中。它包含三个部分，分别是：

1. 用户名：包含小写字母、数字、下划线、点、短横线，可以重复出现。
2. 域名：包含小写字母、数字、点、短横线，可以重复出现。
3. 顶级域名：包含小写字母和点。

正则表达式验证代码如下：

if(emailPattern.test(email)){
  // valid email
} else {
  // invalid email
}

其中，test() 方法用于检查一个字符串是否匹配某个模式。如果邮箱地址符合模式，test() 方法将返回 true，否则返回 false。

第三步：显示验证结果

在检查用户输入的邮箱地址之后，我们需要将验证结果显示给用户。可以使用JQuery的 text() 或 html() 方法来显示验证结果。示例代码如下：

if(emailPattern.test(email)){
  $('#email_validation_message').text('该邮箱地址有效！');
} else {
  $('#email_validation_message').text('该邮箱地址无效！');
}

其中，#email_validation_message

Schritt 2: E-Mail-Adresse zur Überprüfung regulärer Ausdrücke

Nachdem wir die vom Benutzer eingegebene E-Mail-Adresse erhalten haben, müssen wir reguläre Ausdrücke verwenden, um zu überprüfen, ob die E-Mail-Adresse gültig ist. JQuery verwendet RegExp-Objekte für den Abgleich regulärer Ausdrücke.

Bevor wir reguläre Ausdrücke verwenden, müssen wir die Regeln regulärer Ausdrücke kennen. Ein einfacher regulärer Ausdruck für eine E-Mail-Adresse lautet wie folgt: #🎜🎜#rrreee#🎜🎜#wobei der reguläre Ausdruck in einen Schrägstrich (/) eingeschlossen ist. Es besteht aus drei Teilen, nämlich: #🎜🎜##🎜🎜##🎜🎜# Benutzername: Es enthält Kleinbuchstaben, Zahlen, Unterstreichungen, Punkte und Bindestriche und kann wiederholt vorkommen. #🎜🎜##🎜🎜#Domainname: Enthält Kleinbuchstaben, Zahlen, Punkte und Bindestriche und kann wiederholt vorkommen. #🎜🎜##🎜🎜#Top-Level-Domain-Name: Enthält Kleinbuchstaben und Punkte. #🎜🎜##🎜🎜##🎜🎜#Der Überprüfungscode für reguläre Ausdrücke lautet wie folgt: #🎜🎜#rrreee#🎜🎜#Unter anderem wird die Methode test() verwendet, um zu überprüfen, ob Eine Zeichenfolge entspricht einem bestimmten Muster. Die Methode test() gibt true zurück, wenn die E-Mail-Adresse mit dem Muster übereinstimmt, andernfalls false. #🎜🎜##🎜🎜#Schritt 3: Verifizierungsergebnisse anzeigen #🎜🎜##🎜🎜#Nachdem wir die vom Benutzer eingegebene E-Mail-Adresse überprüft haben, müssen wir dem Benutzer die Verifizierungsergebnisse anzeigen. Sie können die Methoden text() oder html() von JQuery verwenden, um die Validierungsergebnisse anzuzeigen. Der Beispielcode lautet wie folgt: #🎜🎜#rrreee#🎜🎜#Wobei #email_validation_message die ID des HTML-Elements ist, das zum Anzeigen der Überprüfungsergebnisse verwendet wird. #🎜🎜##🎜🎜#Zusammenfassung#🎜🎜##🎜🎜#Es ist sehr einfach, JQuery zu verwenden, um festzustellen, ob eine E-Mail-Adresse gültig ist. Wir müssen lediglich die vom Benutzer eingegebene E-Mail-Adresse abrufen und sie mithilfe regulärer Ausdrücke überprüfen. Wenn das Verifizierungsergebnis wahr ist, bedeutet dies, dass die E-Mail-Adresse gültig ist; andernfalls bedeutet es, dass die E-Mail-Adresse ungültig ist. Gleichzeitig können wir JQuery auch verwenden, um die Überprüfungsergebnisse anzuzeigen, sodass Benutzer die Überprüfungsergebnisse intuitiv verstehen können. #🎜🎜#

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob die E-Mail-Adresse in JQuery gültig ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!