域部件上的HTML5默认电子邮件验证失败

Question

我使用一个脚本来验证电子邮件地址。这是基于HTML5验证和jQuery验证。现在我注意到像name@hotmail.c这样的电子邮件地址是正确验证的。但是，此电子邮件地址不是有效的电子邮件地址。

如果我通过这个网站在语法上检查这个电子邮件地址：http://cobisi.com/email-validation/validate-address，它会告诉我语法不正确。

具有域的电子邮件地址。c无效，但是默认的HTML5和jQuery验证器认为它们具有有效的语法。

我在JSFIDLE上写了一个小例子：http://jsfiddle.net/kvALH/

下面是我在表单中使用的jQuery验证的电子邮件部分。

$('#form-validate').validate({
     rules: {
         email: {
             required: true,
             email: true
         }
     },

如何使此电子邮件验证正常工作？我需要为电子邮件编写自己的验证方法吗？

编辑

我知道一个域名hotmail。c可能是正确的，但tld根本不存在。所有tld都有2个或更多字符，所以我想知道为什么HTML5验证允许域中有1个字符！

为了解决我的问题，我知道我需要另一个验证，所以我使用了这个线程中的正则表达式（用JavaScript验证电子邮件地址？）。在jQuery验证中添加了一个方法，这似乎解决了我的问题。

JSFIDDLE：http://jsfiddle.net/kvALH/1/

jQuery.validator.addMethod("emailCustom", function (value, element, params) {
    var re = /^(([^<>()[\]\\.,;:\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,}))$/;
    return re.test(value);
}, "Please enter a valid email address.");

$('#form-validate').validate({
    rules: {
        email: {
            required: true,
            emailCustom: true
        }
    },

然而，我仍然认为奇怪的是，为什么默认验证只是排除了这个字符域。

Answer 1

JQuery验证只检查电子邮件地址在语法上是否有效。它不会检查域名是否确实存在。要检查TLD是否存在（最后一部分，例如“.com”），您需要列出当前可用的TLD（它们会定期更改，因此您需要保持最新），并亲自验证电子邮件地址。

看看这个问题，了解一些关于如何编写自己的验证函数的可能想法：用JavaScript验证电子邮件地址？

您可能还对此感兴趣：http://www.regular-expressions.info/email.html

在您的情况下，您可以调整正则表达式来检查您选择的TLD。例如：

^[A-Z0-9._ % -] @[A-Z0-9.-] \.(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|airo|Asia|工作|博物馆）$

（摘自上面的regular-expressions.info链接。）

如果您确实希望验证是否可以将电子邮件发送到某个地址，则必须编写代码以执行到相关域的邮件服务器的SMTP连接，并尝试发送电子邮件的第一步（但在开始发送任何电子邮件数据之前实际退出）。即使这样也不能完全保证您可以发送电子邮件，因为邮件服务器可能会在以后拒绝您真正的电子邮件，或者因为其内容。没有100%确定的方法来确保你可以发送电子邮件，除了可能实际发送它。

作为最后一个指针，您可以在此处找到TLD的当前列表：http://www.icann.org/en/resources/registries/tlds