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

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 サイトの他の関連記事を参照してください。