前端知识点---用正则表达式判断邮箱(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(连续的点不合法)

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

相关推荐
逝水如流年轻往返染尘3 天前
正则表达式字符串
java·正则表达式
AI_56785 天前
Python正则表达式终极指南:从模式匹配到文本工程的智能跃迁
人工智能·python·正则表达式
晚霞的不甘7 天前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙
幼稚园的山代王10 天前
Java 正则核心 API 拆解
java·开发语言·正则表达式
马猴烧酒.10 天前
【正则表达式详解|Java】从0学习实战够用
学习·正则表达式
流㶡11 天前
Python数据分析中的正则表达式:匹配字符串与常用函数详解
正则表达式
sulikey12 天前
B站网页端弹幕屏蔽词正则表达式
正则表达式·bilibili·哔哩哔哩·屏蔽弹幕
sulikey12 天前
B站移动客户端的正则表达式屏蔽规则
正则表达式·bilibili·哔哩哔哩·弹幕屏蔽
longailk12 天前
grep正则表达式小失误
java·服务器·正则表达式
白小筠12 天前
Python之正则表达式
开发语言·python·正则表达式