JavaScript はどのようにして電子メール アドレスを効果的に検証できるのでしょうか?

JavaScript でのメール検証: 適切なメール形式の確認

メール アドレスの検証は、通信エラーを防ぐために非常に重要です。 JavaScript では、これは正規表現を使用して効果的に実現できます。

正規表現によるアプローチ:

JavaScript で電子メール アドレスを検証する最も効率的な方法は、正規表現を使用することです。 Unicode 文字も処理する汎用パターンを次に示します。

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

クライアント側での実装:

JavaScript を使用してクライアント側で電子メール アドレスを検証するには、次の例を使用できます:

const validateEmail = (email) => {
  return email.match(re);
};

ユーザーを使用した完全な例入力:

このスニペットでは、ユーザーは電子メール アドレスを入力でき、次に validateEmail 関数を使用して検証されます:

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');
}

サーバー側検証の重要性:

JavaScript 検証は便利ですが、次のような可能性があることを覚えておくことが重要です。 JavaScript が無効になっているクライアントではバイパスされます。したがって、受信した電子メール アドレスの正確性を確保するには、サーバー側でも検証を実装することが重要です。

以上がJavaScript はどのようにして電子メール アドレスを効果的に検証できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。