Wie validiere ich E-Mail-Adressen effektiv mit jQuery und 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)$

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) ...
});

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);
}

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 */ }

Ü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!