如何在 JavaScript 中验证电子邮件地址

邮箱验证并非易事。如今，市面上充斥着大量复杂但有效的邮箱地址，因此，唯一真正判断邮箱地址是否有效的方式就是发送邮件，看看邮件是否被退回。话虽如此，我们仍然可以在前端做一些改进，以提升用户体验。本文将探讨几种常用的 JavaScript 邮箱地址验证方法。

首先，在验证电子邮件地址时，我认为最好在宽松的方面出错。我宁愿放过几个虚假的电子邮件地址，也不愿拒绝一个有效的电子邮件地址。前端电子邮件验证的目的是确定语法是否正确，而不是电子邮件地址是否有效。因此，我们将从最宽松的解决方案开始，逐步尝试另一种方案。

function emailIsValid (email) {
  return /\S+@\S+\.\S+/.test(email)
}

如果您不熟悉正则表达式，/\S+@\S+\.\S+/则测试最基本的电子邮件地址结构。_@_._这通常是我对电子邮件地址的全部假设。如果用户输入的电子邮件地址不符合该结构，则很可能是拼写错误。

上述正则表达式的一个问题是它会在这种格式上失败：_@_@._。为了解决这个问题，我们可以稍微改变一下正则表达式。

function emailIsValid (email) {
  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
}

emailIsValid('tyler@tyler@tylermcginnis.com') // false
emailIsValid('tyler@tylermcginnis.com') // true

就是这样。除此之外的任何方法都太武断了。您可以通过谷歌搜索找到其他解决方案，但如果上述示例不适合您，我建议您重新考虑您的方法。