Heim > Web-Frontend > js-Tutorial > Wie validiere ich E-Mail-Adressen effektiv mit jQuery und Regex?

Wie validiere ich E-Mail-Adressen effektiv mit jQuery und Regex?

Mary-Kate Olsen
Freigeben: 2024-10-27 01:51:30
Original
459 Leute haben es durchsucht

How to Effectively Validate Email Addresses Using jQuery and Regex?

So validieren Sie E-Mail-Adressen mit jQuery und Regex

In diesem Beitrag befassen wir uns mit der Validierung von E-Mail-Adressen mit jQuery und Regex. Bereitstellung einer umfassenden Lösung für diese häufige Aufgabe.

Regex-Ausdruck

Der bereitgestellte Regex-Ausdruck dient zur gründlichen Validierung von E-Mail-Adressen:

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

jQuery-Funktion

Um diese Validierung nahtlos in Ihre Website zu integrieren, verwenden wir eine jQuery-Funktion:

$j("#fld_emailaddress").live('change', function() {
    var emailaddress = $j("#fld_emailaddress").val();

    // Regex validation here
    if (!isValidEmailAddress(emailaddress)) {
        // Handle email validation failure here
        // e.g., display error message
    }

    // Continue with AJAX processing
    // ... (your code here) ...
});
Nach dem Login kopieren

isValidEmailAddress-Funktion

Die Funktion isValidEmailAddress prüft die Gültigkeit einer E-Mail-Adresse mithilfe des bereitgestellten Regex-Ausdrucks:

function isValidEmailAddress(emailAddress) {
    var pattern = /^([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;
    return pattern.test(emailAddress);
}
Nach dem Login kopieren

Implementierung

Sie können diese Validierung in Ihren Code integrieren Fügen Sie Ihrer jQuery-Funktion die folgende Zeile hinzu:

if (!isValidEmailAddress(emailaddress)) { /* do stuff here */ }
Nach dem Login kopieren

Überlegungen

Denken Sie daran, dass kein regulärer Ausdruck E-Mail-Adressen vollständig validieren kann, da es immer Ausnahmen gibt. Dieser Ausdruck bietet jedoch einen umfassenden Rahmen, um die Gültigkeit der meisten E-Mail-Adressen sicherzustellen.

Das obige ist der detaillierte Inhalt vonWie validiere ich E-Mail-Adressen effektiv mit jQuery und Regex?. 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