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

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

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

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

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

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

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

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

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

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

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

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

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

✅ 示例匹配的邮箱:

user@example.com

my.email123@domain.co.uk

name+alias@mail-provider.org

❌ 示例不匹配的邮箱:

user@com(TLD 不符合规则)

user@.com(域名不完整)

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

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

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

相关推荐
AI悦创|编程1v15 小时前
01-元字符:如何巧妙记忆正则表达式的基本元件?
正则表达式·ai悦创编程一对一教学·python一对一辅导·python一对一教学
課代表1 天前
Acrobat DC 文本域表单验证中的 js 使用
javascript·正则表达式·表单验证·数据完整性·字段验证·事件对象·自定义验证
风语者6664 天前
perl踩坑系列===正则表达式第2坑---split中的“或”操作符
开发语言·正则表达式·perl
AI悦创|编程1v16 天前
00-为什么要系统学习正则表达式?
学习·正则表达式·python一对一辅导·python一对一教学
叫我詹躲躲7 天前
别再手写正则了!20 + 证件 / 手机号 / 邮箱验证函数,直接复制能用
前端·javascript·正则表达式
Moonbit8 天前
MoonBit Pearls Vol.9:正则表达式引擎的两种实现方法:导数与 Thompson 虚拟机
后端·正则表达式·编程语言
半梦半醒*18 天前
正则表达式
linux·运维·开发语言·正则表达式·centos·运维开发
PyHaVolask18 天前
Python进阶教程:随机数、正则表达式与异常处理
python·正则表达式·异常处理·随机数生成
神秘人X70719 天前
正则表达式笔记
正则表达式·shell·脚本
然我21 天前
前端正则面试通关指南:一篇吃透所有核心考点,轻松突围面试
前端·面试·正则表达式