ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で RegExp を使用して電子メール アドレスを検証するにはどうすればよいですか?

JavaScript で RegExp を使用して電子メール アドレスを検証するにはどうすればよいですか?

WBOY
WBOY転載
2023-09-09 23:49:02835ブラウズ

如何在 JavaScript 中使用 RegExp 验证电子邮件地址?

入力フィールドにメールを入力するとき、誰でも間違いを犯す可能性があります。したがって、ユーザーが有効な電子メール文字列を入力したかどうかを確認するのは開発者の責任です。電子メール アドレスの検証に使用できるライブラリは多数あり、さまざまな JavaScript フレームワークで使用できますが、単純な JavaScript では使用できません。ただし、ライブラリを使用したい場合は、その CDN を使用する必要があります。

ここでは、正規表現を使用してプレーンな JavaScript で電子メール アドレスを検証します。

例 1 で使用される正規表現

例 1 では、次の正規表現パターンを使用して電子メールを検証しました。

リーリー

ユーザーは、以下の上記の正規表現の説明に従うことができます。

  • #^ - 文字列の先頭です。

  • [a-z0-9] - 文字列の先頭にある a ~ z と 0 ~ 9 の任意の文字。

  • @ - 文字列には、英数字の後に「@」文字が含まれている必要があります。

  • [a-z] - 文字列内の「@」文字の後の、a と z の間に少なくとも 1 つの文字があります。

  • \. – 電子メールにはドットが含まれ、その後にいくつかの文字が続き、その後に「@」文字が続く必要があります

  • [a-z]{2,3}$ - 文字列の末尾に 2 文字または 3 文字のアルファベットが含まれている必要があります。 「$」は文字列の終わりを表します。

例 1

以下の例では、ユーザーがボタンをクリックすると、 validateEmail() 関数が呼び出されます。 validateEmail() 関数では、JavaScript の Prompt () メソッドを使用してユーザーの電子メール入力を取得します。

その後、上記の構文で説明したように正規表現を作成しました。正規表現を使用して、test() メソッド経由でユーザーの電子メール入力をテストします。このメソッドは、電子メールが正規表現と一致するかどうかに基づいてブール値を返します。

リーリー

例 2 で使用される正規表現

例 2 では、次の正規表現パターンを使用して電子メールを検証しました。

リーリー

ユーザーは、以下の上記の正規表現の説明に従うことができます。

  • \S - 任意の英数字を表します。

  • \. – ドット文字を表します。

基本的に、上記のパターンは、word@word.word タイプの電子メール アドレスに一致します。

例 2

以下の例では、HTML を使用して電子メール入力を作成します。ユーザーは入力フィールドに任意の電子メールを入力できます。入力欄に電子メールを入力した後、ユーザーは「入力された電子メールを検証する」ボタンをクリックする必要があります。これにより、submitEmail() 関数が呼び出されます。

submitEmail() 関数では、上記の正規表現と test() メソッドを使用して、ユーザーが入力した電子メール文字列を確認します。

出力では、ユーザーはさまざまな電子メールを入力し、出力を観察できます。

リーリー

正規表現を使用して電子メール文字列を検証する方法を学びました。初心者でもメールの正規表現の作成方法がわかるように、2つの正規表現を見ながら解説しました。

さらに、開発者は、ニーズに基づいて電子メール アドレスを検証するためのカスタム正規表現を作成できます。

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

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。