JavaScript中什么是正则表达式_如何匹配邮箱-js教程-PHP中文网

JavaScript中什么是正则表达式_如何匹配邮箱

夢幻星辰

发布： 2025-12-22 15:31:02

原创

784人浏览过

正则表达式是匹配文本模式的工具，JavaScript 中通过 RegExp 对象或字面量创建；常用邮箱正则 /^[a-zA-Z0-9.\_%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/ 用于兼顾准确性与可维护性，需前后端双重校验。

javascript中什么是正则表达式_如何匹配邮箱

正则表达式（Regular Expression，简称 regex 或 regexp）是用于匹配、查找、替换文本中特定模式的字符串工具。在 JavaScript 中，它通过 RegExp 对象或字面量（如 /pattern/flags）创建，常配合 test()、match()、replace() 等方法使用。

邮箱匹配的基本思路

真实邮箱格式较复杂（RFC 5322 标准），但日常开发中通常用“够用且稳妥”的简化规则：包含一个 @ 符号，前面有用户名（字母、数字、下划线、点、短横线等），后面有域名（含至少一个点，且顶级域一般为 2–6 个字母）。不追求 100% 覆盖所有合法邮箱，而是平衡准确性与可维护性。

常用邮箱正则写法（推荐）

以下是一个兼顾可读性、兼容性和实用性的写法：

/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/

说明各部分含义：

Voicv

克隆你的声音，就像Ctrl+C, Ctrl+V一样

165

查看详情

立即学习“Java免费学习笔记（深入）”；

^ 表示字符串开头
[a-zA-Z0-9._%+-]+ 匹配用户名：至少一个字母、数字或常见符号（点、下划线、百分号、加号、短横线）
@ 字面量 @ 符号
[a-zA-Z0-9.-]+ 匹配域名主干：字母、数字、点、短横线
\. 匹配字面量点（需转义）
[a-zA-Z]{2,} 匹配顶级域：至少两个纯字母（如 com、org、xyz、app）
$ 表示字符串结尾

在代码中怎么用

可以直接用字面量或构造函数创建正则对象：

用 test() 判断是否匹配：
/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test("user@example.com") // true
封装成函数更清晰：
function isValidEmail(str) {
return /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(str);
}
注意：前端校验仅作友好提示，后端必须重复验证，不能信任前端输入