JavaScript验证Email

封面图 • 2026-01-16 • JavaScript

在 JavaScript 中验证电子邮件（Email）地址，通常使用正则表达式（Regular Expression）来检查格式是否符合标准的 Email 格式。以下是一个简单的 Email 验证函数示例：

---

### ✅ 示例：JavaScript 验证 Email 函数

```javascript
function validateEmail(email) {
    // 正则表达式：用于匹配基本的 Email 格式
    const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return regex.test(email);
}

// 使用示例
const email = "example@example.com";
if (validateEmail(email)) {
    console.log("Email 是有效的！");
} else {
    console.log("Email 无效！");
}
```

---

### 🔍 正则表达式说明：

- `^`：字符串开始
- `[^\s@]+`：一个或多个非空格、非 @ 的字符（用户名部分）
- `@`：必须包含一个 @ 符号
- `[^\s@]+`：一个或多个非空格、非 @ 的字符（域名部分）
- `\.`：必须包含一个点（.）
- `[^\s@]+`：一个或多个非空格、非 @ 的字符（域名后缀部分）
- `$`：字符串结束

---

### ⚠️ 注意事项：

1. **正则表达式不能覆盖所有可能的 Email 格式**，但可以满足大多数常见情况。
2. 如果你需要更严格的验证（如支持国际化域名等），可以使用更复杂的正则表达式或借助第三方库。
3. 对于表单提交，建议在前端（JavaScript）和后端（如 Node.js、PHP、Python 等）都进行验证。

---

### 🧪 更复杂一点的 Email 正则表达式（可选）：

```javascript
const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
```

这个版本对 Email 的格式要求更严格，例如：
- 用户名可以包含 `.`, `_`, `%`, `+`, `-`
- 域名部分可以有 `.` 和 `-`
- 域名后缀（如 `.com`, `.net`）至少两个字母

---

如果你需要将这个功能用在 HTML 表单中，也可以结合 `<input type="email">` 进行原生验证：

```html
<input type="email" id="email" required>
<script>
    document.querySelector('form').addEventListener('submit', function(e) {
        const email = document.getElementById('email').value;
        if (!validateEmail(email)) {
            e.preventDefault();
            alert("请输入有效的电子邮件地址！");
        }
    });
</script>
```

---

如有其他需求（比如验证邮件是否存在），请告诉我，我可以提供更高级的解决方案（如使用 API）。