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

jQuery と正規表現を使用した電子メール アドレスの検証

電子メール アドレスの検証は、電子メール ベースの通信が目的の受信者に確実に届くようにするために不可欠です。 。これを行う効果的な方法の 1 つは、jQuery と組み合わせて正規表現 (regex) を使用することです。

gt;jQuery を使用した電子メール アドレスの検証

次を使用して電子メール アドレスを検証するにはjQuery では、次の手順に従います。

1. メール アドレスを取得します。 jQuery の val() メソッドを使用して、メール入力フィールドの値を取得します。
2. 正規表現を定義します: 有効な電子メール アドレスに一致する正規表現を作成します。指定された正規表現は次のとおりです:

[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum)

3. 検証を実行します: jQuery の test() メソッドを使用して、電子メール アドレスが正規表現と一致するかどうかを確認します。
4. 検証結果の処理: 検証結果に基づいて、フォーム要素を有効または無効にし、ユーザーに適切なフィードバックを表示します。

更新された正規表現

提供された正規表現は比較的古いため、更新されたバージョンを使用することをお勧めします。以下は、アドレスを含む、より広範囲の電子メール アドレス形式をサポートする、より包括的な正規表現です。

/^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i

ログイン後にコピー

結論

jQuery を使用した電子メール アドレスの検証と正規表現は、電子メール通信の正確性と信頼性を確保する効果的な方法です。提供された更新された正規表現を使用すると、アプリケーションが幅広い電子メール アドレス形式を確実に処理できるようになります。

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