首页 > web前端 > js教程 > 如何使用 jQuery 和正则表达式有效验证电子邮件地址?

如何使用 jQuery 和正则表达式有效验证电子邮件地址?

Susan Sarandon
发布: 2024-10-27 03:19:03
原创
241 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板