jquery - HTML5 默认电子邮件验证在域部分失败

Question

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

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

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

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

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

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

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

编辑

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

为了解决我的问题，我知道我需要另一个验证，所以我使用了该线程中的正则表达式( Validate email address in 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(它们定期更改，因此您需要保持最新)并验证您自己的电子邮件地址。

看看这个问题，了解一些关于如何编写自己的验证函数的可能想法: Validate email address in JavaScript?

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

根据您的情况，您可以调整正则表达式来检查您选择的 TLD。例如:

^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.(?:[A-Z]{2}|com|org|net|edu |政府|军事|
商业|信息|手机|名称|航空|亚洲|工作|博物馆)$

(取自上面的regular-expressions.info链接。)

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

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