ASP.NET MVC 5.2.4 EmailAddressAttribute前后端验证不一致问题

这个问题的核心是客户端验证规则（浏览器原生+jquery.validate）和服务端的EmailAddressAttribute验证规则不一致导致的：

为什么会出现这个差异？ #

• 浏览器对type="email"的原生验证规则比较宽松，按照HTML5规范，它允许类似tom@yahoo这种没有顶级域名后缀的格式；
• jquery.validate默认的email验证规则和浏览器原生规则对齐，同样允许这种不完整的邮箱格式；
• 而ASP.NET MVC的System.ComponentModel.DataAnnotations.EmailAddressAttribute遵循更严格的RFC标准，要求邮箱必须包含完整的域名（比如tom@yahoo.com），所以服务端会直接拒绝不符合要求的输入。

解决办法：统一客户端与服务端的验证规则 #

最合理的做法是让客户端验证规则和服务端保持一致，避免用户提交后才被服务端驳回的糟糕体验。你可以通过重写jquery.validate的email验证方法来实现：

步骤1：在页面中添加自定义验证规则 #

在引入jquery.validate.js和jquery.validate.unobtrusive.js之后，添加以下脚本：

// 重写jquery.validate的email验证方法，匹配.NET EmailAddressAttribute的规则
$.validator.methods.email = function (value, element) {
    // 复用.NET框架中EmailAddressAttribute使用的正则表达式
    var emailRegex = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-||_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+([a-z]|\d|-||_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i;
    return this.optional(element) || emailRegex.test(value);
};

这个正则表达式和.NET框架内部EmailAddressAttribute使用的验证逻辑完全一致，确保客户端和服务端的验证结果完全对齐。

步骤2：验证效果 #

现在当用户输入tom@yahoo这类不完整的邮箱时，客户端会直接弹出验证错误提示，用户无需提交表单就能知道格式不符合要求，彻底解决了客户端和服务端验证结果不一致的问题。

其他可选方案（不推荐） #

如果你确实需要允许不完整域名的邮箱，可以自定义一个服务端验证属性替换EmailAddressAttribute，但这会降低邮箱格式的规范性和安全性，一般不建议这么做。

内容的提问来源于stack exchange，提问作者Tom Regan