电子邮件地址验证是用户注册表格中最重要的功能之一。你应该验证用户的电子邮件地址，以防用户试图注册一个不同的电子邮件地址或电子邮件地址无效。
在JavaScript中，有许多方法可以验证电子邮件地址。在这篇博文中，我们将比较一些不同的方法，看看哪一种是最好的。所以，让我们开始吧!
内容
为什么电子邮件验证很重要？
用户注册表是你的网络应用的第一步。用户提供正确的信息是非常重要的，包括电子邮件地址。你可以向用户发送一封确认邮件。这是一种常见的做法。
如何在Javascript中验证一个电子邮件地址？
电子邮件的验证不应该完全依靠JavaScript。因为JavaScript很容易被禁用。因此，电子邮件验证应该在服务器端和客户端进行。让我们看看如何通过JavaScript来验证电子邮件。
HTML:
<label for="email">Enter an email address: </label>
<input id="email" />
<button id="btn">Validate Email</button>
这里我们采取了一个文本框和一个命令按钮。在输入一个电子邮件地址后，当用户点击验证电子邮件按钮时，将根据电子邮件地址打开一个警报框。
JavaScript:
const emailValidate = (email_address) => {
return email_address.match(/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
);
};
document.getElementById("btn").addEventListener("click", function(){
const email = document.getElementById("email").value;
if (emailValidate(email)) {
alert(email + ' is valid email address.');
}else{
alert(email + ' is invalid email address.');
}
});
使用HTML5验证电子邮件
如果你的浏览器支持HTML5，你可以很容易地验证电子邮件，而无需JavaScript。使用下面的代码。
<form>
<input type="email" placeholder="youremail@example.com" required>
<input type="submit">
</form>
总结
电子邮件地址很容易被窃取，而当你不验证它们时，它们可能会导致垃圾邮件、安全漏洞，甚至更糟。所以一定要尝试在客户端和服务器端都验证电子邮件。
