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

时间:2014-03-11 08:29:21

标签: jquery html5 validation email

我正在使用脚本来验证电子邮件地址。这基于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
        }
    },

然而,我仍然认为为什么默认验证只是排除了这一个字符域。

1 个答案:

答案 0 :(得分:3)

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|gov|mil| biz|info|mobi|name|aero|asia|jobs|museum)$

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

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

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