Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie validiere ich E-Mail-Adressen mit jQuery und regulären Ausdrücken?

Mary-Kate Olsen
Freigeben: 2024-10-27 03:46:29
Original
198 Leute haben es durchsucht

 How to Validate Email Addresses with jQuery and Regular Expressions?

Validierung von E-Mail-Adressen mit jQuery und regulären Ausdrücken

Die Validierung von E-Mail-Adressen ist wichtig, um sicherzustellen, dass E-Mail-basierte Kommunikation ihre beabsichtigten Empfänger erreicht . Eine effektive Möglichkeit, dies zu tun, ist die Verwendung regulärer Ausdrücke (Regex) in Verbindung mit jQuery.

Validieren von E-Mail-Adressen mit jQuery

Um eine E-Mail-Adresse zu validieren mit jQuery, folgen Sie diesen Schritten:

  1. Erhalten Sie die E-Mail-Adresse: Rufen Sie den Wert des E-Mail-Eingabefelds mit der val()-Methode von jQuery ab.
  2. Definieren Sie den regulären Ausdruck: Erstellen Sie einen regulären Ausdruck, der gültigen E-Mail-Adressen entspricht. Der bereitgestellte reguläre Ausdruck ist:
[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum)
Nach dem Login kopieren
  1. Führen Sie die Validierung durch: Verwenden Sie die test()-Methode von jQuery, um zu überprüfen, ob die E-Mail-Adresse mit dem regulären Ausdruck übereinstimmt.
  2. Verarbeiten Sie das Validierungsergebnis:Aktualisieren Sie basierend auf dem Validierungsergebnis Formularelemente oder zeigen Sie dem Benutzer entsprechendes Feedback an.

Aktualisierter regulärer Ausdruck

Da der bereitgestellte reguläre Ausdruck relativ alt ist, wird empfohlen, eine aktualisierte Version zu verwenden. Hier ist ein umfassenderer regulärer Ausdruck, der ein breiteres Spektrum an E-Mail-Adressformaten unterstützt, einschließlich solcher mit Adressen:

/^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i
Nach dem Login kopieren

Fazit

Validierung von E-Mail-Adressen mit jQuery und Regex ist eine effektive Möglichkeit, die Genauigkeit und Zuverlässigkeit der E-Mail-Kommunikation sicherzustellen. Durch die Verwendung des bereitgestellten aktualisierten regulären Ausdrucks können Sie sicherstellen, dass Ihre Anwendung eine Vielzahl von E-Mail-Adressformaten verarbeitet.

Das obige ist der detaillierte Inhalt vonWie validiere ich E-Mail-Adressen mit jQuery und regulären Ausdrücken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage