Wie lässt sich eine E-Mail-Adresse am besten in JavaScript validieren?

Question

Wie kann ich eine E-Mail-Adresse in JavaScript am besten mit einem regulären Ausdruck überprüfen?

Answer 1

HTML5 selbst verfügt über eine E-Mail-Validierung. Wenn Ihr Browser HTML5 unterstützt, können Sie den folgenden Code verwenden.

<form>
  <input type="email" placeholder="me@example.com" required>
  <input type="submit">
</form>

jsFiddle Link

Von der HTML5-Spezifikation :

A gültige E-Mail Adresse ist eine Zeichenkette, die mit der email Produktion der folgenden ABNF, deren Zeichensatz Unicode ist.

email   = 1*( atext / "." ) "@" label *( "." label )
label   = let-dig [ [ ldh-str ] let-dig ]  ; limited to a length of 63 characters by RFC 1034 section 3.5
atext   = < as defined in RFC 5322 section 3.2.3 >
let-dig = < as defined in RFC 1034 section 3.5 >
ldh-str = < as defined in RFC 1034 section 3.5 >

Diese Anforderung ist eine vorsätzliche Verletzung des RFC 5322, der eine Syntax für E-Mail-Adressen definiert, die gleichzeitig zu streng (vor dem "@"-Zeichen), zu vage (nach dem "@"-Zeichen) und zu lasch ist (Kommentare, Leerzeichen und Anführungszeichen in einer Weise erlaubt, die den meisten Benutzern unbekannt ist), um hier von praktischem Nutzen zu sein.

Der folgende JavaScript- und Perl-kompatible reguläre Ausdruck ist eine Implementierung der obigen Definition.

/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/

Answer 2

In modernen Browsern können Sie auf der Antwort von @Sushil mit reinem JavaScript und dem DOM :

function validateEmail(value) {
  var input = document.createElement('input');

  input.type = 'email';
  input.required = true;
  input.value = value;

  return typeof input.checkValidity === 'function' ? input.checkValidity() : /\S+@\S+\.\S+/.test(value);
}

Ich habe ein Beispiel im Fiddle zusammengestellt http://jsfiddle.net/boldewyn/2b6d5/ . In Kombination mit der Merkmalserkennung und der einfachen Validierung aus Squirtle's Antwort Es befreit Sie von dem Massaker der regulären Ausdrücke und funktioniert auch in alten Browsern einwandfrei.

Answer 3

JavaScript kann mit einem regulären Ausdruck übereinstimmen:

emailAddress.match( / some_regex /);

Hier ist ein RFC22 regulärer Ausdruck für E-Mails:

^((?>[a-zA-Z\d!#$%&'*+\-/=?^_`{|}~]+\x20*|"((?=[\x01-\x7f])[^"\\]|\\[\x01-\x7f])*
"\x20*)*(?<angle><))?((?!\.)(?>\.?[a-zA-Z\d!#$%&'*+\-/=?^_`{|}~]+)+|"((?=[\x01-\x
7f])[^"\\]|\\[\x01-\x7f])*")@(((?!-)[a-zA-Z\d\-]+(?<!-)\.)+[a-zA-Z]{2,}|\[(((?(?<
!\[)\.)(25[0-5]|2[0-4]\d|[01]?\d?\d)){4}|[a-zA-Z\d\-]*[a-zA-Z\d]:((?=[\x01-\x7f])
[^\\\[\]]|\\[\x01-\x7f])+)\])(?(angle)>)$

Answer 4

Alle E-Mail-Adressen enthalten ein "at"-Symbol (d. h. @). Testen Sie diese notwendige Bedingung:

email.includes('@')

Oder, wenn Sie IE/ältere Browser unterstützen müssen:

email.indexOf('@') > 0

Machen Sie sich nicht die Mühe mit etwas Komplizierterem. Selbst wenn Sie einwandfrei feststellen könnten, ob eine E-Mail RFC-syntaktisch gültig ist, würde das nichts darüber aussagen, ob sie der Person gehört, die sie geschickt hat. Das ist das, was wirklich zählt.

Um dies zu testen, senden Sie eine Validierungsnachricht.

Answer 5

Die korrekte Validierung von E-Mail-Adressen in Übereinstimmung mit den RFCs lässt sich nicht mit einem einzeiligen regulären Ausdruck erreichen. Ein Artikel mit der besten Lösung, die ich in PHP gefunden habe, ist Was ist eine gültige E-Mail-Adresse? . Offensichtlich wurde es nach Java portiert. Ich denke, die Funktion ist zu komplex, um in JavaScript portiert und verwendet zu werden. JavaScript/node.js-Anschluss: https://www.npmjs.com/package/email-addresses .

Eine gute Praxis ist es, die Daten auf dem Client zu validieren, aber die Validierung auf dem Server zu überprüfen. So können Sie einfach prüfen, ob eine Zeichenfolge auf dem Client wie eine gültige E-Mail-Adresse aussieht, und die strenge Prüfung auf dem Server durchführen.

Hier ist die JavaScript-Funktion, die ich verwende, um zu prüfen, ob eine Zeichenkette wie eine gültige Mail-Adresse aussieht:

function looksLikeMail(str) {
    var lastAtPos = str.lastIndexOf('@');
    var lastDotPos = str.lastIndexOf('.');
    return (lastAtPos < lastDotPos && lastAtPos > 0 && str.indexOf('@@') == -1 && lastDotPos > 2 && (str.length - lastDotPos) > 2);
}

Erläuterung:

• lastAtPos < lastDotPos : Zuletzt @ sollte vor dem letzten sein . seit @ kann nicht Teil des Servernamens sein (soweit ich weiß).

• lastAtPos > 0 : Es sollte etwas (der E-Mail-Benutzername) vor dem letzten @ .

• str.indexOf('@@') == -1 : Es sollte keine @@ in der Adresse. Auch wenn @ als letztes Zeichen im E-Mail-Benutzernamen erscheint, muss es in Anführungszeichen gesetzt werden, also " wäre zwischen diesem @ und die letzte @ in der Adresse.

• lastDotPos > 2 : Vor dem letzten Punkt sollten mindestens drei Zeichen stehen, zum Beispiel a@b.com .

• (str.length - lastDotPos) > 2 : Nach dem letzten Punkt sollten genügend Zeichen vorhanden sein, um eine zweistellige Domäne zu bilden. Ich bin nicht sicher, ob die Klammern notwendig sind.