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

Validierung von E-Mail-Adressen mit jQuery und Regex

Die Notwendigkeit, E-Mail-Adressen zu validieren, entsteht häufig in der Webentwicklung. In diesem Artikel wird das Thema behandelt, indem ein jQuery-basierter Validierungsmechanismus mithilfe eines umfassenden regulären Ausdrucks (Regex) implementiert wird.

Validierungsfunktion

Um mit der Validierung zu beginnen, wird eine Funktion namens isValidEmailAddress verwendet. Diese Funktion akzeptiert eine E-Mail-Adresse und wertet sie anhand des folgenden Regex-Musters aus:

^([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

Dieser Regex berücksichtigt die umfangreiche Palette an Zeichen und Formaten, die in gültigen E-Mail-Adressen verwendet werden. Es unterstützt zitierte lokale Teile, Kommentare innerhalb der Adresse und sowohl IPv4- als auch IPv6-Literale im Domänenteil.

Integration mit jQuery

Um die Validierung in die bereitgestellte jQuery-Funktion zu integrieren, fügen Sie einfach die ein Folgender Code im Change-Event-Handler:

<code class="javascript">if( !isValidEmailAddress( emailaddress ) ) { /* perform validation actions here */ }</code>

Dieses Snippet initiiert die Validierung und führt basierend auf dem Ergebnis entsprechende Aktionen aus. Unabhängig davon, ob die E-Mail-Adresse gültig ist oder nicht, kann dem Benutzer eine entsprechende Nachricht angezeigt werden.

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