JavaScript 正規表現を使用して電子メール アドレスを検証する方法

JavaScript で電子メール アドレスを検証する方法

電子メール アドレスとしてのユーザー入力を検証することは、データをサーバーに送信するときや、メール。 JavaScript は、正規表現を使用した電子メール アドレス検証の便利な方法を提供します。

正規表現は、電子メール アドレスを照合して検証するための強力な方法を提供します。一般的に使用される正規表現は次のとおりです。

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

この式は、次の基準に準拠する電子メール アドレスと一致します。

• 以下のローカル部分 (@ 記号の前の部分) が含まれます。文字、数字、ドット、ダッシュ、アンダースコアのいずれかで構成されます。
• 以下を構成するドメイン部分 (@ 記号の後の部分) が含まれます。ホスト名の後にオプションのポート番号が続きます。
• 引用符で囲まれたアドレス (例: "example@domain.com") を許可します。
• アドレスは Unicode 文字と一致します。

JavaScript が無効になっている可能性があるため、クライアント側の検証のみに依存することはお勧めできませんが、防御の第一線として利用できます。 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,}))$/
  );
};

この検証関数をフォームまたはユーザー入力フィールドで使用すると、電子メール アドレスの有効性に関する即時フィードバックを提供できます。

以上がJavaScript 正規表現を使用して電子メール アドレスを検証する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。