JavaScript校验邮箱应使用兼顾实用性与准确性的正则表达式，如/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}$/，结合test()方法验证，并须配合后端校验。
JavaScript 中用正则校验邮箱格式，核心是写一个合理、不过度宽松也不过度严苛的正则表达式，并结合 test() 或 match() 方法判断输入是否匹配。关键不是追求 RFC 5322 全兼容（那太复杂且不实用），而是覆盖主流邮箱写法，同时拦住明显错误的输入。
常用且实用的邮箱正则模式
下面这个正则在真实项目中平衡了准确性与兼容性，能识别大多数合法邮箱（如 user@example.com、test.email+tag@domain.co.uk），也拒绝常见错误（如缺少 @、多个 @、结尾点号等）：
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}$/
说明：
- 开头部分
[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+匹配用户名（支持字母、数字和常见特殊字符，但不以点开头/结尾、不连续两个点） - @ 符号必须存在且唯一（正则本身不防多个 @，但后续逻辑可先检查
email.indexOf('@') === email.lastIndexOf('@')） - 域名部分限制每段长度（符合 DNS 规则），并确保顶级域至少 2 个字母（如 .com、.org、.app，不匹配 .c）
在表单中实际使用示例
绑定到输入框的 blur 或 input 事件，实时反馈：
立即学习“Java免费学习笔记（深入）”；
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
const emailInput = document.getElementById('email');
const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}$/;
emailInput.addEventListener('blur', function() {
const value = this.value.trim();
if (value && !emailRegex.test(value)) {
this.setCustomValidity('请输入有效的邮箱地址');
} else {
this.setCustomValidity('');
}
});
注意：setCustomValidity 配合原生表单验证，会自动触发浏览器默认提示；也可用自定义提示框或添加错误 class。
更轻量、够用的简化版（适合多数场景）
如果项目对邮箱格式要求不高（比如只是防止用户手误），可用这个更简洁的版本：
/^[^\s@]+@[^\s@]+\.[^\s@]+$/
它表示：非空格非 @ 字符 + @ + 非空格非 @ 字符 + . + 非空格非 @ 字符。
优点是简单、易读、不易出错；缺点是会放过 a@b.c 这类极短但语法上“合法”的邮箱（实际很少见），也允许像 user@domain..com 这样的错误——所以建议仅用于快速验证或作为第一层过滤。
额外建议：别只靠前端校验
正则只能做基础格式检查，不能替代后端验证：
- 前端正则可被绕过（禁用 JS、直接发请求）
- 无法确认邮箱是否真实存在或可接收邮件
- 某些合法邮箱（如含中文 IDN 域名）可能被正则误拒，需后端用更完善的库解析
真正可靠的邮箱有效性，仍需配合发送验证码、DNS MX 记录查询或第三方邮箱验证服务。
