ホームページ > 記事 > ウェブフロントエンド > JavaScript で RegExp を使用して電子メール アドレスを検証するにはどうすればよいですか?
入力フィールドにメールを入力するとき、誰でも間違いを犯す可能性があります。したがって、ユーザーが有効な電子メール文字列を入力したかどうかを確認するのは開発者の責任です。電子メール アドレスの検証に使用できるライブラリは多数あり、さまざまな JavaScript フレームワークで使用できますが、単純な JavaScript では使用できません。ただし、ライブラリを使用したい場合は、その CDN を使用する必要があります。
ここでは、正規表現を使用してプレーンな JavaScript で電子メール アドレスを検証します。
例 1 では、次の正規表現パターンを使用して電子メールを検証しました。
リーリーユーザーは、以下の上記の正規表現の説明に従うことができます。
#^ - 文字列の先頭です。
[a-z0-9] - 文字列の先頭にある a ~ z と 0 ~ 9 の任意の文字。
@ - 文字列には、英数字の後に「@」文字が含まれている必要があります。
[a-z] - 文字列内の「@」文字の後の、a と z の間に少なくとも 1 つの文字があります。
\. – 電子メールにはドットが含まれ、その後にいくつかの文字が続き、その後に「@」文字が続く必要があります
[a-z]{2,3}$ - 文字列の末尾に 2 文字または 3 文字のアルファベットが含まれている必要があります。 「$」は文字列の終わりを表します。
その後、上記の構文で説明したように正規表現を作成しました。正規表現を使用して、test() メソッド経由でユーザーの電子メール入力をテストします。このメソッドは、電子メールが正規表現と一致するかどうかに基づいてブール値を返します。
リーリー
例 2 で使用される正規表現リーリー
ユーザーは、以下の上記の正規表現の説明に従うことができます。
\S - 任意の英数字を表します。
\. – ドット文字を表します。
例 2
submitEmail() 関数では、上記の正規表現と test() メソッドを使用して、ユーザーが入力した電子メール文字列を確認します。
出力では、ユーザーはさまざまな電子メールを入力し、出力を観察できます。
リーリー
正規表現を使用して電子メール文字列を検証する方法を学びました。初心者でもメールの正規表現の作成方法がわかるように、2つの正規表現を見ながら解説しました。さらに、開発者は、ニーズに基づいて電子メール アドレスを検証するためのカスタム正規表現を作成できます。
以上がJavaScript で RegExp を使用して電子メール アドレスを検証するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。