前端知识点---用正则表达式判断邮箱(javascript)

复制代码
// 全面的正则(兼容大多数情况)
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;

// 或直接使用浏览器内置验证
<input type="email" required>
  • /:正则表达式的起始和结束标志。

  • ^:匹配字符串的开头。

  • a-zA-Z0-9._%±+:匹配电子邮件地址的本地部分(@符号之前)。

  • a-zA-Z0-9:字母(大小写)和数字。

  • .%±:允许的特殊字符(.、、%、+、-)。

  • +:表示前面的字符可以重复1次或多次。

  • @:匹配邮箱地址中的 @ 符号。

  • a-zA-Z0-9.-+:匹配邮箱的域名部分。

  • .:可以包含的点(如 example.com)。

  • -:支持带有连字符的域名(如 my-domain.com)。

  • .:转义的点,用于匹配域名中的 .。

  • a-zA-Z{2,}:匹配顶级域名(TLD),例如 com、org、net。

  • {2,}:表示至少2个字母,例如 cn、us、info 等。

  • $:匹配字符串的结尾,确保邮箱格式完整。

✅ 示例匹配的邮箱:

user@example.com

my.email123@domain.co.uk

name+alias@mail-provider.org

❌ 示例不匹配的邮箱:

user@com(TLD 不符合规则)

user@.com(域名不完整)

user@domain,com(不允许逗号)

user@domain...com(连续的点不合法)

这段正则表达式在邮箱验证中非常常用,能过滤大部分无效邮箱地址。

相关推荐
小林ixn8 小时前
从拼多多手机号验证到模板引擎:深入正则表达式与 JS 字符串处理
开发语言·javascript·正则表达式
水木流年追梦1 天前
大模型入门-大模型优化方法12-YaRN 长文本外推技术
人工智能·分布式·算法·正则表达式·prompt
水木流年追梦1 天前
大模型入门-大模型优化方法13- MTP 多 token 输出、DCA 双块注意力
人工智能·分布式·算法·正则表达式·prompt
YHHLAI2 天前
[特殊字符] 拼多多大厂笔试题——正则表达式
正则表达式
Zella折耳根2 天前
Java 正则表达式实战:IP 地址匹配与替换全解析
java·tcp/ip·正则表达式
百万双色球3 天前
正则表达式用法
正则表达式
GuWen_yue4 天前
正则表达式(Regex)通用相关知识点
正则表达式
meilindehuzi_a4 天前
打破0基础:通过 5 个核心案例深度拆解 JavaScript 正则表达式与运行时类型系统
开发语言·javascript·正则表达式
sugar__salt5 天前
JS正则表达式与字符串高阶实战精讲
开发语言·javascript·正则表达式
FBI HackerHarry浩6 天前
第二阶段Day07【Python生成器、yield关键字、property、正则表达式】
开发语言·python·正则表达式