Wie validiere ich E-Mail-Adressen mithilfe regulärer JavaScript-Ausdrücke?

So validieren Sie eine E-Mail-Adresse in JavaScript

Die Validierung von Benutzereingaben als E-Mail-Adresse ist entscheidend, um Fehler beim Senden von Daten an Server oder Server zu vermeiden E-Mails. JavaScript bietet eine praktische Methode zur Validierung von E-Mail-Adressen mithilfe regulärer Ausdrücke.

Reguläre Ausdrücke bieten eine leistungsstarke Möglichkeit, E-Mail-Adressen abzugleichen und zu validieren. Ein häufig verwendeter regulärer Ausdruck ist:

const validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    );
};

Dieser Ausdruck stimmt mit E-Mail-Adressen überein, die die folgenden Kriterien erfüllen:

• Enthält einen lokalen Teil (Teil vor dem @-Zeichen), der besteht aus Buchstaben, Zahlen, Punkten, Bindestrichen oder Unterstrichen.
• Enthält einen Domänenteil (Teil nach dem @-Zeichen), der aus einem Hostnamen gefolgt von einem optionalen Port besteht Nummer.
• Ermöglicht Adressen in Anführungszeichen (z. B. „example@domain.com“).
• Übereinstimmt Adressen mit Unicode-Zeichen.

Unter Berufung auf Client- Eine Seitenvalidierung allein wird nicht empfohlen, da JavaScript möglicherweise deaktiviert wird. Sie kann eine erste Verteidigungslinie darstellen. Hier ist ein Beispiel für die Validierung von E-Mail-Adressen mithilfe von JavaScript:

const validateEmail = (email) => {
  return email.match(
    /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  );
};

Diese Validierungsfunktion kann dann in einem Formular oder in Benutzereingabefeldern verwendet werden, um sofortiges Feedback zur Gültigkeit der E-Mail-Adresse zu geben.

Das obige ist der detaillierte Inhalt vonWie validiere ich E-Mail-Adressen mithilfe regulärer JavaScript-Ausdrücke?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!