使用jQuery进行电子邮件验证


Answers:


703

您可以为此使用常规的旧javascript:

function isEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}

66
是的,记住jQuery仍然是javascript :)
Fabian

36
即使此正则表达式认为大多数现实世界地址都是有效的,但它仍然存在许多误报和误报。例如,请参阅Wikipedia 上有效和无效电子邮件地址的示例
Arseny 2012年

1
@Umingo email@127.0.0.1仍然是有效的电子邮件,但是仍然可以采用更好的方式编写。域的任何部分都不能以[a-z0-9](不区分大小写)之外的其他字符开头。此外,有效的电子邮件(和域)具有一定的len限制,这也未经测试。
tomis

10
随着新的顶级域名变得越来越普遍,此正则表达式现在可能需要修改.systems和.poker等都是有效的TLD,但将使正则表达式检查失败
Liath

3
根据Theo对另一个答案的评论,您应该更改var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,6})+$/;支持新的TLD(如.museum等)
Ira Herman '18

164

jQuery函数来验证电子邮件

我真的不喜欢使用插件,尤其是当我的表单只有一个需要验证的字段时。我使用此函数并在需要验证电子邮件表单字段时调用它。

 function validateEmail($email) {
  var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  return emailReg.test( $email );
}

现在使用这个

if( !validateEmail(emailaddress)) { /* do stuff here */ }

干杯!


16
您应该返回emailReg.test($email);
nffdiogosilva

7
仅供参考,对于空白电子邮件地址,这将返回true。例如emailReg.text("") true。我只是将功能简化到emailReg var的声明,然后执行以下操作:return ( $email.length > 0 && emailReg.test($email))
Diziet 2014年

14
用于检查电子邮件地址有效性的正则表达式已过时,因为我们现在具有6个字符的域名扩展名,例如.museum,因此您需要更改 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,6})?$/;
Theo 2014年

3
对,你是@ h.coates!我来到这个线程希望能发现jQuery实际上具有内置的电子邮件验证功能。继续前进,这些不是您要寻找的机器人……
iGanja 2014年

3
@Theo的观点很重要,但TLD的实际长度应大于6,扩展名的理论上限为63个字符。目前最长的是20多岁,请参见data.iana.org/TLD/tlds-alpha-by-domain.txt
Jeroenv3 2015年

41

我会使用jQuery验证插件出于某些原因。

您验证了,好的,现在呢?您需要显示错误,并在有效时进行擦除,或者显示总共有多少错误?它可以为您处理很多事情,而无需重新发明轮子。

另外,另一个巨大的好处是它托管在CDN上,可以在以下位置找到该答案时的当前版本:http : //www.asp.net/ajaxLibrary/CDNjQueryValidate16.ashx 这意味着客户端的加载时间更快。


6
好吧...不需要重新发明轮子。但是为什么我必须安装数十KB的Javascript来验证字段。这就像建造汽车工厂,如果您需要的只是一个新车轮:)
kraftb 2014年

3
@kraftb如我的回答所述,它是围绕验证的处理和显示,而不仅仅是验证文本本身。
尼克·克拉弗

5
感谢@NickCraver:对于处理电子邮件验证问题,这确实是一种“最佳实践”方法。当然,这最不像建造工厂(编写库来完成所有工作)来赚钱。这就像按照工厂的指示将车轮安装在现代车辆上(顶起汽车,将车轮放置-放在凸耳螺母上),而不是试图弄清楚如何在货车上安装车轮。这个插件非常简单易用。为了进行表单验证,它实际上是一个包含,一些注释和一个方法调用。
jfgrissom 2014年

3
现在,您正在重新发明“重新发明轮子”的隐喻!
Dom Vinyard

对于停留在webforms应用程序上工作的人们,encosia.com / using
jquery-

38

查看http://bassistance.de/jquery-plugins/jquery-plugin-validation/。这是一个不错的jQuery插件,它允许为表单构建功能强大的验证系统。有一些有用的样品在这里。因此,表单中的电子邮件字段验证将如下所示:

$("#myform").validate({
  rules: {
    field: {
      required: true,
      email: true
    }
  }
});

有关详细信息和示例,请参阅电子邮件方法文档


1
最后一个还活着)
Andrew Bashtannik

6
但可接受的格式是x@x(那很奇怪)它必须x@x.x如何解决?
Basheer AL-MOMANI

2
@ BasheerAL-MOMANI [ jqueryvalidation.org/jQuery.validator.methods/] $.validator.methods.email = function( value, element ) { return this.optional( element ) || //^.+@.+\..+$/.test( value ); }
Bill Gillingham

16
<script type="text/javascript">
    $(document).ready(function() {
      $('.form_error').hide();
      $('#submit').click(function(){
           var name = $('#name').val();
           var email = $('#email').val();
           var phone = $('#phone').val();
           var message = $('#message').val();
           if(name== ''){
              $('#name').next().show();
              return false;
            }
            if(email== ''){
               $('#email').next().show();
               return false;
            }
            if(IsEmail(email)==false){
                $('#invalid_email').show();
                return false;
            }

            if(phone== ''){
                $('#phone').next().show();
                return false;
            }
            if(message== ''){
                $('#message').next().show();
                return false;
            }
            //ajax call php page
            $.post("send.php", $("#contactform").serialize(),  function(response) {
            $('#contactform').fadeOut('slow',function(){
                $('#success').html(response);
                $('#success').fadeIn('slow');
               });
             });
             return false;
          });
      });
      function IsEmail(email) {
        var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(!regex.test(email)) {
           return false;
        }else{
           return true;
        }
      }
  </script>

<form action="" method="post" id="contactform">
                            <table class="contact-table">
                              <tr>
                                <td><label for="name">Name :</label></td>
                                <td class="name"> <input name="name" id="name" type="text" placeholder="Please enter your name" class="contact-input"><span class="form_error">Please enter your name</span></td>
                              </tr>
                              <tr>
                                <td><label for="email">Email :</label></td>
                                <td class="email"><input name="email" id="email" type="text" placeholder="Please enter your email" class="contact-input"><span class="form_error">Please enter your email</span>
                                  <span class="form_error" id="invalid_email">This email is not valid</span></td>
                              </tr>
                              <tr>
                                <td><label for="phone">Phone :</label></td>
                                <td class="phone"><input name="phone" id="phone" type="text" placeholder="Please enter your phone" class="contact-input"><span class="form_error">Please enter your phone</span></td>
                              </tr>
                              <tr>
                                <td><label for="message">Message :</label></td>
                                <td class="message"><textarea name="message" id="message" class="contact-input"></textarea><span class="form_error">Please enter your message</span></td>
                              </tr>
                              <tr>
                                <td></td>
                                <td>
                                  <input type="submit" class="contactform-buttons" id="submit"value="Send" />
                                  <input type="reset" class="contactform-buttons" id="" value="Clear" />
                                </td>
                              </tr>
                            </table>
     </form>
     <div id="success" style="color:red;"></div>

15

<!-- Dont forget to include the jQuery library here -->
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

    $("#validate").keyup(function(){

        var email = $("#validate").val();

        if(email != 0)
        {
            if(isValidEmailAddress(email))
            {
                $("#validEmail").css({
                    "background-image": "url('validYes.png')"
                });
            } else {
                $("#validEmail").css({
                    "background-image": "url('validNo.png')"
                });
            }
        } else {
            $("#validEmail").css({
                "background-image": "none"
            });         
        }

    });

});

function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
}

</script>

<style>
    #validEmail
    {
        margin-top: 4px;
        margin-left: 9px;
        position: absolute;
        width: 16px;
        height: 16px;
    }

    .text
    {
        font-family: Arial, Tahoma, Helvetica;
    }
</style>

    <title>Live Email Validation with jQuery Demo</title>
</head>
<body>
    <div class="text"><h1>Reynoldsftw.com - Live Email Validation</h1><h2>Type in an email address in the box below:</h2></div>
    <div><input type="text" id="validate" width="30"><span id="validEmail"></span></div>
    <div class="text"><P>More script and css style

www.htmldrive.net


资料来源:htmldrive.com


14

我会推荐Verimail.js,它也有一个JQuery插件

为什么?Verimail支持以下内容:

  • 语法验证(根据RFC 822)
  • IANA TLD验证
  • 对最常见的TLD和电子邮件域的拼写建议
  • 拒绝临时电子邮件帐户域,例如mailinator.com

因此,除了验证之外,Verimail.js还为您提供建议。因此,如果您输入的电子邮件的顶级域名(TLD)或域与普通电子邮件域(hotmail.com,gmail.com等)非常相似,则它可以检测到并建议更正。

例子:

  • test@gnail.con->您的意思是test @ gmail.com吗?
  • test@hey.nwt->您的意思是test @ hey。
  • test@hottmail.com->您的意思是test @ hotmail.com吗?

等等..

要将其与jQuery一起使用,只需在您的网站上包括verimail.jquery.js并运行以下功能:

$("input#email-address").verimail({
    messageElement: "p#status-message"
});

消息元素是其中将显示消息的元素。从“您的电子邮件无效”到“您的意思是……?”之类的东西。

如果您有一个表单,并且希望对其进行限制,以便除非电子邮件有效,否则就不能提交该表单,则可以使用getVerimailStatus-function来检查状态,如下所示:

if($("input#email-address").getVerimailStatus() < 0){
    // Invalid
}else{
    // Valid
}

此函数根据对象Comfirm.AlphaMail.Verimail.Status返回整数状态码。但是一般的经验法则是,任何低于0的代码都是表示错误的代码。


.getVerimailStatus()不返回数字状态代码,仅返回字符串值successerror或者可能pending(未验证最后一个)。
Niko Nyman 2014年

14

function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\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]))*(([ \t]*\r\n)?[ \t]+)?")@(([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 pattern.test(emailAddress);
};

if( !isValidEmailAddress( emailaddress ) ) { /* do stuff here (email is invalid) */ }

这是由用户提供的卢卡Filosofi在这个答案这个答案


如果在ASP.NET MVC剃刀页面中使用此@字符,请不要忘记用另一个@字符对字符进行转义。这样@@,否则您将获得构建错误。
Rosdi Kasim


10

这会执行更彻底的验证,例如,它会检查用户名(例如john..doe @ example.com)中的连续点

function isValidEmail(email)
{
    return /^[a-z0-9]+([-._][a-z0-9]+)*@([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,4}$/.test(email)
        && /^(?=.{1,64}@.{4,64}$)(?=.{6,100}$).*/.test(email);
}

请参阅使用JavaScript中的正则表达式验证电子邮件地址


1
但是,连续的点实际上是无效的吗?相反,我认为您这样做会排除有效的电子邮件地址。
icktoofay 2014年

9

正如其他人提到的,您可以使用正则表达式来检查电子邮件地址是否与模式匹配。但是您仍然可以收到与模式匹配的电子邮件,但我仍会退回或成为伪造的垃圾邮件。

用正则表达式检查

var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);

使用真实的电子邮件验证API进行检查

您可以使用API​​来检查电子邮件地址是否真实且当前处于活动状态。

var emailAddress = "foo@bar.com"
response = $.get("https://isitarealemail.com/api/email/validate?email=" +
    emailAddress,
    function responseHandler(data) {
        if (data.status === 'valid') {
            // the email is valid and the mail box is active
        } else {
            // the email is incorrect or unable to be tested.
        }
    })

有关更多信息,请参见https://isitarealemail.com博客文章


8

如果您有基本表单,只需输入电子邮件的输入类型: <input type="email" required>

这将适用于使用HTML5属性的浏览器,然后您甚至不需要JS。即使使用电子邮件验证,甚至使用上面的某些脚本也不会做很多事情,因为:

some@email.com so@em.co my@fakemail.net

等等...将全部验证为“真实”电子邮件。因此,最好确保用户必须输入两次电子邮件地址,以确保他们输入相同的电子邮件地址。但是要确保电子邮件地址是真实的,这将是非常困难的,但是非常有趣的是查看是否存在一个电子邮件地址。道路。但是,如果您只是要确保这是一封电子邮件,请坚持使用HTML5输入。

例子

这适用于FireFox和Chrome。它可能无法在Internet Explorer中工作。。。但是Internet Explorer很糟糕。所以那是...


regexp方法通常可以防止a @ bc之类的愚蠢电子邮件(您所链接的JSFiddle示例允许使用最新的Chrome),因此HTML5解决方案显然是不合适的解决方案。
SnowInferno 2014年

凉。那么,仅使用“匹配”之类的HTML5这样的模式匹配怎么办?您为什么不在Chromebook中
isaac

8

MVC / ASP.NET中的Javascript电子邮件验证

我在使用Fabian答案时遇到的问题是,由于使用Razor @符号,因此在MVC视图中实现了该问题。您必须包括一个额外的@符号才能对其进行转义,如下所示:@@

在MVC中避免剃刀

function isEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}

我在此页面上的其他地方都没有看到它,因此我认为这可能会有所帮助。

编辑

这是Microsoft 的链接,描述了它的用法。
我刚刚测试了上面的代码,并得到以下js:

function validateEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
  return regex.test(email);
}

到底是在做什么。


@nbrogi这是什么意思?我只是再次检查了一下,这将产生以下js var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 代码发生了什么?
Trevor Nestman '17

抱歉,目前还不确定,我已经完全更改了它。
nkkollaw

请让我知道。如果这是不好的信息,那我就把它记下来。我会尽可能地提供有用的信息,这在以MVC视图编写正则表达式时会有所帮助。
Trevor Nestman '17

再次,我想知道为什么这被否决了。正是我想要的,它在中生成了@一个正则表达式中的符号.cshtml。通常,它将尝试将@符号后的所有内容都视为剃刀代码,但使用double @@可以防止这种情况。
Trevor Nestman '17

我看到的主要问题是在第二个代码块中,您的正则表达式设置为名为regex的变量,但第二行使用了名为re的变量
phlare

7
function isValidEmail(emailText) {
    var pattern = new RegExp(/^((([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 pattern.test(emailText);
};

像这样使用:

if( !isValidEmail(myEmail) ) { /* do things if myEmail is valid. */ }

6
function validateEmail(emailaddress){  
   var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;  
   if(!emailReg.test(emailaddress)) {  
        alert("Please enter valid email id");
   }       
}

5
<script type = "text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type = "text/javascript">
    function ValidateEmail(email) {
        var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
        return expr.test(email);
    };
    $("#btnValidate").live("click", function () {
        if (!ValidateEmail($("#txtEmail").val())) {
            alert("Invalid email address.");
        }
        else {
            alert("Valid email address.");
        }
    });
</script>
<input type = "text" id = "txtEmail" />
<input type = "button" id = "btnValidate" value = "Validate" />

4

降落在这里.....在这里结束: https //html.spec.whatwg.org/multipage/forms.html#valid-e-mail-address

...提供了以下正则表达式:

/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/

...这是我对jQuery Validation插件自述文件的注释所致: https //github.com/jzaefferer/jquery-validation/blob/master/README.md#reporting-an-issue

因此,@ Fabian答案的更新版本为:

function IsEmail(email) {
  var regex = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
  return regex.test(email);
}

希望能有所帮助


这一个是我最好的答案-它返回的真实john..doe@example.com,但想是一直错误
亚当骑士

3

用这个

if ($this.hasClass('tb-email')) {
    var email = $this.val();
    var txt = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!txt.test(email)) {
        e.preventDefault();
        $this.addClass('error');
    } else {
        $this.removeClass('error');
    }
}

3

Bug存在于Jquery Validation Validation插件中,仅使用@进行验证以更改此设置

将代码更改为此

email: function( value, element ) {
    // From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
    // Retrieved 2014-01-14
    // If you have a problem with this implementation, report a bug against the above spec
    // Or use custom methods to implement your own email validation
    return this.optional( element ) || /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test( value );
}

3

对于那些想要使用更好的可维护性的人比破坏性的光年RegEx比赛解决方案的人,我写了几行代码。如果想要保存字节,请坚持使用RegEx变体:)

这限制了:

  • 字符串中没有@
  • 字符串中没有点
  • @后超过2个点
  • 用户名中的错误字符(@之前)
  • 字符串中超过2个@
  • 域中的不良字符
  • 子域中的错误字符
  • TLD中的不良字符
  • TLD-地址

无论如何,仍然有可能泄漏,因此请确保将其与服务器端验证+电子邮件链接验证结合使用。

这是 JSFiddle

 //validate email

var emailInput = $("#email").val(),
    emailParts = emailInput.split('@'),
    text = 'Enter a valid e-mail address!';

//at least one @, catches error
if (emailParts[1] == null || emailParts[1] == "" || emailParts[1] == undefined) { 

    yourErrorFunc(text);

} else {

    //split domain, subdomain and tld if existent
    var emailDomainParts = emailParts[1].split('.');

    //at least one . (dot), catches error
    if (emailDomainParts[1] == null || emailDomainParts[1] == "" || emailDomainParts[1] == undefined) { 

        yourErrorFunc(text); 

     } else {

        //more than 2 . (dots) in emailParts[1]
        if (!emailDomainParts[3] == null || !emailDomainParts[3] == "" || !emailDomainParts[3] == undefined) { 

            yourErrorFunc(text); 

        } else {

            //email user
            if (/[^a-z0-9!#$%&'*+-/=?^_`{|}~]/i.test(emailParts[0])) {

               yourErrorFunc(text);

            } else {

                //double @
                if (!emailParts[2] == null || !emailParts[2] == "" || !emailParts[2] == undefined) { 

                        yourErrorFunc(text); 

                } else {

                     //domain
                     if (/[^a-z0-9-]/i.test(emailDomainParts[0])) {

                         yourErrorFunc(text); 

                     } else {

                         //check for subdomain
                         if (emailDomainParts[2] == null || emailDomainParts[2] == "" || emailDomainParts[2] == undefined) { 

                             //TLD
                             if (/[^a-z]/i.test(emailDomainParts[1])) {

                                 yourErrorFunc(text);

                              } else {

                                 yourPassedFunc(); 

                              }

                        } else {

                             //subdomain
                             if (/[^a-z0-9-]/i.test(emailDomainParts[1])) {

                                 yourErrorFunc(text); 

                             } else {

                                  //TLD
                                  if (/[^a-z]/i.test(emailDomainParts[2])) {

                                      yourErrorFunc(text); 

                                  } else {

                                      yourPassedFunc();
}}}}}}}}}

3

您可以使用jQuery Validation,并且可以在单个HTML行中验证电子邮件和电子邮件验证消息:type="email" required data-msg-email="Enter a valid email account!"

您可以使用data-msg-email参数放置个性化消息,否则不要放置此参数,并且将显示默认消息:“请输入有效的电子邮件地址。”

完整示例:

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <p>
      <label for="cemail">E-Mail (required)</label>
      <input id="cemail" type="email" name="email" required data-msg-email="Enter a valid email account!">
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>
<script>
$("#commentForm").validate();
</script>

2
if($("input#email-address").getVerimailStatus() < 0) { 

(incorrect code)

}

if($("input#email-address").getVerimailStatus() == 'error') { 

(right code)

}

9
您能否详细说明答案...例如,您应该提到getVerimailStatus是一个附加插件。
戴夫·霍根

2
checkRegexp( email, /^((([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, "eg. ui@jquery.com" );

引用:JQUERY UI网站


2

您应该看到以下内容:jquery.validate.js,将其添加到您的项目中

像这样使用它:

<input id='email' name='email' class='required email'/>

2

另一个简单而完整的选项:

<input type="text" id="Email"/>
<div id="ClasSpan"></div>   
<input id="ValidMail" type="submit"  value="Valid"/>  


function IsEmail(email) {
    var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    return regex.test(email);
}

$("#ValidMail").click(function () {
    $('span', '#ClasSpan').empty().remove();
    if (IsEmail($("#Email").val())) {
        //aqui mi sentencia        
    }
    else {
        $('#ClasSpan').append('<span>Please enter a valid email</span>');
        $('#Email').keypress(function () {
            $('span', '#itemspan').empty().remove();
        });
    }
});

3
Stack Overflow是英文网站。请不要发布其他语言的内容。
Anders

2

您可以创建自己的功能

function emailValidate(email){
    var check = "" + email;
    if((check.search('@')>=0)&&(check.search(/\./)>=0))
        if(check.search('@')<check.split('@')[1].search(/\./)+check.search('@')) return true;
        else return false;
    else return false;
}

alert(emailValidate('your.email@yahoo.com'));

1

我刚刚制作的简化版可以满足我的需要。已将其限制为仅字母数字,句点,下划线和@。

<input onKeyUp="testEmailChars(this);"><span id="a"></span>
function testEmailChars(el){
    var email = $(el).val();
    if ( /^[a-zA-Z0-9_@.-]+$/.test(email)==true ){
        $("#a").html("valid");
    } else {
        $("#a").html("not valid");
    }
}

在别人的帮助下


1

此正则表达式可防止重复的域名(如abc@abc.com.com.com.com),它将仅允许两次域名(如abc@abc.co.in)。它还不允许从123abc@abc.com这样的数字进行计数

 regexp: /^([a-zA-Z])+([a-zA-Z0-9_.+-])+\@(([a-zA-Z])+\.+?(com|co|in|org|net|edu|info|gov|vekomy))\.?(com|co|in|org|net|edu|info|gov)?$/, 

祝一切顺利 !!!!!


1

键入时验证电子邮件,并带有按钮状态处理。

$("#email").on("input", function(){
    var email = $("#email").val();
    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    if (!filter.test(email)) {
      $(".invalid-email:empty").append("Invalid Email Address");
      $("#submit").attr("disabled", true);
    } else {
      $("#submit").attr("disabled", false);
      $(".invalid-email").empty();
    }
  });

1

如果您正在使用jquery验证

我创建了一种emailCustomFormat用于regex我的客户格式的方法, 您可以更改它以满足您的要求

jQuery.validator.addMethod("emailCustomFormat", function (value, element) {
        return this.optional(element) || /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/.test(value);
    }, abp.localization.localize("FormValidationMessageEmail"));// localized message based on current language

那么你可以像这样使用它

$("#myform").validate({
  rules: {
    field: {
      required: true,
      emailCustomFormat : true
    }
  }
});

此正则表达式接受

abc@abc.abcabc@abc.abcd 但不是

abc@abcabc@abc.aabc@abc.abcde

希望这对您有帮助

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.