ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery と正規表現を使用して電子メール アドレスを効果的に検証する方法

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

Susan Sarandon
リリース: 2024-10-27 03:19:03
オリジナル
249 人が閲覧しました

How to Validate Email Addresses Effectively Using jQuery and Regular Expressions?

jQuery と Regex を使用したメール アドレスの検証

Web 開発では、メール アドレスを検証する必要性が頻繁に発生します。この記事では、包括的な正規表現 (regex) を使用して jQuery ベースの検証メカニズムを実装することでこのトピックに取り組みます。

検証関数

検証を開始するには、isValidEmailAddress という名前の関数が使用されます。この関数は電子メール アドレスを受け入れ、次の正規表現パターンに対して評価します。

^([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
ログイン後にコピー

この正規表現は、有効な電子メール アドレスで使用される広範囲の文字と形式を考慮します。引用符で囲まれたローカル部分、アドレス内のコメント、ドメイン部分の IPv4 と IPv6 の両方のリテラルをサポートします。

jQuery との統合

提供された jQuery 関数に検証を組み込むには、単に変更イベント ハンドラー内の次のコード:

<code class="javascript">if( !isValidEmailAddress( emailaddress ) ) { /* perform validation actions here */ }</code>
ログイン後にコピー

このスニペットは検証を開始し、結果に基づいて適切なアクションを続行します。メールアドレスが有効かどうかに関係なく、適切なメッセージをユーザーに表示できます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート