在前端开发中，我们通常需要对用户输入的数据进行校验，其中电子邮件是常见的一种数据类型。本文将介绍如何使用 JavaScript 正则表达式来校验电子邮件格式，并提供实际的示例代码。
什么是正则表达式？
正则表达式是一种用于匹配文本模式的工具。它包含了一系列的特殊符号和字符，用来描述字符串的规律和结构。通过正则表达式，我们可以方便地搜索、替换和过滤文本。
JavaScript 中的正则表达式由两个斜杠之间的字符组成，例如：/pattern/。其中，pattern 是我们要匹配的模式，也就是正则表达式的主体部分。
电子邮件的格式
在进行电子邮件验证之前，我们需要了解电子邮件的基本格式。一封电子邮件通常由以下几个部分组成：
- 收件人地址（To）
- 抄送地址（Cc）
- 密送地址（Bcc）
- 发件人地址（From）
- 主题（Subject）
- 邮件正文（Body）
其中，收件人地址和发件人地址是我们需要校验的部分。电子邮件的地址格式通常为 username@domain.com，其中 username 表示用户名，domain.com 表示域名。
如何使用正则表达式校验电子邮件格式？
接下来，我们将通过 JavaScript 正则表达式来校验电子邮件格式。首先，我们需要定义一个匹配电子邮件格式的正则表达式，例如：
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;上面的正则表达式中，^ 和 $ 分别表示字符串的开头和结尾。[a-zA-Z0-9._%+-] 表示允许出现的字符类型，其中：
a-z：小写字母A-Z：大写字母0-9：数字._%+-：特殊字符
+ 表示前面的字符可以出现一次或多次。\. 表示匹配一个点号，. 在正则表达式中表示任意字符。{2,} 表示最少匹配两个字符。
通过以上正则表达式，我们可以验证用户输入的电子邮件地址是否符合规范，例如：
const isValidEmail = emailRegex.test('username@example.com');
console.log(isValidEmail); // true
const isInvalidEmail = emailRegex.test('example.com');
console.log(isInvalidEmail); // false示例代码
下面是一个完整的示例代码，演示了如何在 HTML 表单中使用 JavaScript 正则表达式来校验电子邮件地址：
-- -------------------- ---- -------
--------- -----
------
------
------------ ------------------
--------
-------- --------------- -
----- ---------- - ---------------------------------
----- ---------- - ---------------------------------------------------
-- ------------------------------------ -
------------- ----- - ----- ----- -----------
-------------------
------ ------
-
------ -----
-
---------
-------
------
----- ---------------- -----------------
------ --------------------------
------ ------------ ---------- ------------ ---------
------- -----------------------------
-------
-------
-------在上面的示例代码中，我们定义了一个名为 validateEmail() 的函数，用来校验用户输入的电子邮件
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12715