Wie kann ich E-Mail-Adressen mit JavaScript validieren?

Validierung von E-Mail-Adressen in JavaScript

Um sicherzustellen, dass es sich bei der Benutzereingabe um eine gültige E-Mail-Adresse handelt, bietet JavaScript mehrere Validierungstechniken.

Reguläre Ausdrücke:

Die Verwendung regulärer Ausdrücke ist eine effiziente Methode für E-Mails Validierung. Betrachten Sie den folgenden Ausdruck, der gültigen E-Mail-Formaten entspricht:

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

Unicode-Unterstützung:

Um Unicode-Zeichen in E-Mail-Adressen zu berücksichtigen, verwenden Sie den folgenden regulären Ausdruck:

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

Clientseitige Validierung:

Dieser JavaScript-Code zeigt, wie E-Mail-Adressen auf der Clientseite validiert werden:

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

function validate() {
  const email = $('#email').val();
  const $result = $('#result');
  $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;
}

Überlegungen:

Bedenken Sie, dass die JavaScript-Validierung allein nicht ausreicht, da sie vom deaktiviert werden kann Benutzer. Es ist wichtig, auch auf der Serverseite eine Validierung zu implementieren, um die Datenintegrität sicherzustellen.

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