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

E-Mail-Validierung mit regulären Ausdrücken in JavaScript

Um fehlerhafte Benutzereingaben zu verhindern, ermöglicht JavaScript die Validierung von E-Mail-Adressen vor dem Versuch, sie zu senden an einen Server senden oder versuchen, ihm eine E-Mail zu senden.

Der zuverlässigste Ansatz zur Überprüfung einer E-Mail-Adresse in JavaScript ist die Verwendung von „normal“. Ausdrücke. Der folgende reguläre Ausdruck akzeptiert ASCII-Zeichen:

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,}))$/
    );
};

Für die Unicode-Unterstützung kann ein umfassenderer regulärer Ausdruck verwendet werden:

const re =
  /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|(".+"))@(([^<>()[\]\.,;:\s@"]+\.)+[^<>()[\]\.,;:\s@"]{2,})$/i;

Es ist jedoch wichtig, sich daran zu erinnern, dass die JavaScript-Validierung dies nicht tun sollte allein darauf angewiesen sein. Die clientseitige Validierung kann leicht umgangen werden. Eine serverseitige Validierung ist ebenfalls erforderlich.

Hier ist ein Beispiel für eine JavaScript-E-Mail-Validierung auf der Clientseite:

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,}))$/
  );
};

const validate = () => {
  const $result = $('#result');
  const email = $('#email').val();
  $result.text('');

  if(validateEmail(email)){
    $result.text(email + ' is valid.');
    $result.css('color', 'green');
  } else{
    $result.text(email + ' is invalid.');
    $result.css('color', 'red');
  }
  return false;
}

$('#email').on('input', validate);

In diesem Beispiel wird eine Schaltfläche verwendet, um die Validierung auszulösen und anzuzeigen Ergebnis.

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