JS 邮箱正则|极客笔记

JS 邮箱正则

在前端开发中，经常会遇到需要验证用户输入的邮箱是否符合规范的情况。使用正则表达式是一种快速而有效的方法来实现这一功能。在本文中，我们将详细解释如何使用 JavaScript 中的正则表达式来验证邮箱格式。

什么是正则表达式

正则表达式是一种用于匹配字符串模式的机制，它是一种强大的工具，可以用来检查字符串是否符合特定的格式要求。在 JavaScript 中，我们可以使用正则表达式对字符串进行匹配和搜索操作。

邮箱格式规范

邮箱地址通常由两部分组成：用户名和域名，中间用 “@” 符号分隔。其中，用户名部分可以包含字母、数字、下划线和点号，但不能以点号开头或结尾，也不能连续出现两个点号；域名部分通常包含域名和顶级域名，如 “.com”、”.cn” 等。

基于以上规范，我们可以编写一个简单的正则表达式来验证邮箱地址的格式。

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

上面这段代码中，emailRegex 就是我们定义的邮箱正则表达式。该正则表达式的含义是：用户名部分可以包含字母、数字、下划线、点号、加号、百分号和减号，域名部分可以包含字母、数字、点号和减号，顶级域名至少包含两个字母。

下面我们将对这个正则表达式进行更加详细的解释。

^ 表示匹配输入的开始位置。
[a-zA-Z0-9._%+-] 匹配用户名部分，其中包含字母、数字、下划线、点号、加号、百分号和减号。
+ 表示匹配前面的表达式一次或多次。
@ 表示匹配 “@” 符号。
[a-zA-Z0-9.-] 匹配域名部分，其中包含字母、数字、点号和减号。
\. 匹配点号。
[a-zA-Z]{2,} 表示至少匹配两个字母的顶级域名。
$ 表示匹配输入的结尾位置。

邮箱格式验证

接下来，我们将使用 JavaScript 中的正则表达式来验证邮箱地址是否符合规范。

function validateEmail(email) {
    const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
    return emailRegex.test(email);
}

// 测试
console.log(validateEmail('example@mail.com')); // true
console.log(validateEmail('example@mail')); // false
console.log(validateEmail('example.mail.com')); // false
console.log(validateEmail('example@mail.')); // false
console.log(validateEmail('example@mail..com')); // false

以上代码定义了一个 validateEmail 函数，该函数接收一个邮箱地址作为参数，并返回一个布尔值，表示该邮箱地址是否符合规范。

我们通过调用 validateEmail 函数，并传入不同的邮箱地址来进行测试，可以看到函数能够准确地验证邮箱地址是否符合规范。