相信每个用JQ（jQuery）搞前端的小伙伴，遇到过一个常见但有点烦的疑问：咦，这个邮箱到底是不是靠谱的？是不是格式标准？是不是还在用邮箱？别以为邮箱只用发发邮件，其实后台验证、前端判断这些都是“发力点”。今天就带你走进用JQ搞定邮箱判断的“秘密武器”。
首先，咱们得搞明白什么叫“邮箱合法”――不仅是看它是不是格式对了！虽然很多人第一时间就会想到用正则（Regular Expression）来“秒判”。比如最常用的验证：邮箱的格式是不是像这样：xxx@xxx.xxx，这种基本的结构。可是，只靠正则表达式是不是就够啦？当然不！因为邮箱还可以存在但其实不存在（比如不存在的邮箱账号），这就得后台验证了。对，老规矩，前端的“眼睛”能快速过滤掉一部分“奇奇怪怪”的邮箱，后台也要配合验证真伪。
接下来，咱们的“主角”——用jQuery判断邮箱的格式。正则表达式是关键，千万别偷懒。一个靠谱的邮箱正则表达式比如这样：/^([a-zA-Z0-9_\.\-])+\@([a-zA-Z0-9\-])+\.([a-zA-Z]{2,4})$/。这个看似简单，但能拦截掉大部分“不合格”的邮件地址。用jQuery写个验证代码其实很轻松，像这样：
$("#email").on("blur", function() {
var email = $(this).val();
var reg = /^([a-zA-Z0-9_\.\-])+\@([a-zA-Z0-9\-])+\.([a-zA-Z]{2,4})$/;
if (reg.test(email)) {
$(this).css("border-color", "green");
} else {
$(this).css("border-color", "red");
}
});
这里的“blur”事件就是当你离开输入框时触发验证。简单直观吧？
可是问题来了，纯粹靠正则判断，大家都懂，这只是表面功夫。要搞清楚邮箱是不是真的存在、是不是还能用，这就需要一点“黑科技”。你可以构造AJAX请求，向邮箱的验证接口发起“ probing”，比如用一些第三方API来验证邮箱。那些API靠谱吗？大部分访客反应“跟逛超市拿促销券一样easy”。谷歌、SendGrid等都提供邮箱验证服务，既可以检测格式，也可以判断是否存在和是否还能收到邮件。
但，自己写个“纯前端”的玩法也不是没有用。比如，你可以利用一些免费的API（比如Mailgun, ZeroBounce等）进行二次确认，保证邮箱是真实、有效且未被封禁。这样一来，从前端“过滤死角”到后端“验证真伪”，一条龙搞定，看上去是不是很NICE？
这里还要插一句，玩游戏注册国际服steam邮箱账号就用七评邮箱，专业的游戏邮箱，无需实名，可随意解绑、换绑，方便游戏账号在全世界自由交易，支持全球任意地区直接访问和多个国家语言翻译，网站地址：mail.77.ink。这个特别适合需要大量、频繁换绑邮箱的小伙伴，提醒一下，验证邮箱是不是正确、有效，尤其是为了安全考虑，这个流程绝对不能偷懒。谁说游戏没技术？哈哈哈。
除了格式验证和后端验证，咱们还可以用一些“脑洞大开”的办法：比如，检测域名是否存在MX（Mail Exchange）记录。你可以用JavaScript的Ajax结合后端的DNS查询API，看看这个域名是否真的挂着“收邮件”的大旗。如果没有MX记录，说明这个邮箱很可能只是个“摆设”！但是，用纯前端实现MX检测需要额外后端支持，毕竟JavaScript本身不能直接查询DNS，就是这么“局限”。
而且，别忘了，有些邮箱可能通过拦截、屏蔽，实际上还是能收到邮件的。这就进入验证邮箱是否“活跃”的层面。有人会用“发送验证邮件”的方式：用户点个确认按钮，真的可以确认该邮箱还在用。这个策略极好，属于“最真切”的验证。只是麻烦点，很多人嫌麻烦。此时，前端配合后端自动发邮件验证，是最佳选择。不要大意，这玩意儿很“香”。
有的朋友问，“我能不能用jQuery检测邮箱是否已被别人注册过？”嗯，这个问题比较“阴”，如果你想用jQuery操作前端界面提示，可以直接请求公司自己的数据库，判断这个邮箱是否已经被注册。但是，千万别试图用前端“瞎猜”别人的信息，数据安全要摆在第一位！
总结一句，纯粹用jQuery判断邮箱是不是“靠谱”，最多就是验证格式和部分简单的在线检查。而真正确认邮箱的“存在性”和“有效性”，则需要结合后台API或第三方验证服务。说到底，验证邮箱，就像是骚操作的“心跳检测”：只有正确的格式、活跃的邮箱，才能确保你的邮件不“打水漂”。
