前端知识点---用正则表达式判断邮箱(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。

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

✅ 示例匹配的邮箱:

[email protected]

[email protected]

[email protected]

❌ 示例不匹配的邮箱:

user@com(TLD 不符合规则)

[email protected](域名不完整)

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

[email protected](连续的点不合法)

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

相关推荐
智能编织者2 天前
深入解析 Python 正则表达式:全面指南与实战示例
python·mysql·正则表达式
課代表2 天前
VBA 中正则表达式使用指南
数据库·mysql·正则表达式·excel
南隅。2 天前
【C++】基础3——正则表达式,静态多态(函数重载和模板),异常处理
开发语言·c++·正则表达式
BabyFish133 天前
notepad++ 正则表达式
正则表达式·notepad++
奕奕星空4 天前
MySQL中数据处理小技巧
mysql·正则表达式
活跃家族4 天前
正则表达式-万能表达式
正则表达式
宋康4 天前
Qt正则表达式QRegularExpression
数据库·qt·正则表达式
~夕上林~4 天前
正则表达式-笔记
笔记·正则表达式
通信小枫4 天前
vsCode中的正则表达式
ide·vscode·正则表达式
一只小风华~4 天前
鸿蒙harmonyOS:笔记 正则表达式
前端·笔记·华为·正则表达式·harmonyos