使用 jQuery 进行电子邮件验证

Question

我是 jQuery 的新手，想知道如何使用它来验证电子邮件地址。

Answer 1

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

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

Answer 2

用于验证电子邮件的 jQuery 函数

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

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

现在使用这个

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

干杯!

Answer 3

出于几个原因，我会使用jQuery 验证插件。

你验证了，很好，现在呢？ 您需要显示错误，在它有效时处理擦除它，显示总共有多少错误？ 它可以为您处理很多事情，无需重新发明轮子。

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

Answer 4

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

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

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

Answer 5

<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>

Answer 6

<!-- 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

Answer 7

http://so.devilmaycode.it/jquery-validate-e-mail-address-regex/
使用新的正则表达式
添加了对地址标签的支持（+ 符号）

 function isValidEmailAddress(emailAddress) { var pattern = /^([az\\d!#$%&'*+\\-\\/=?^_`{|}~\ -\퟿\豈-\﷏\ﷰ-\￯]+(\\.[az\\d!#$%&'*+\\-\\/=?^_`{|}~\ -\퟿\豈-\﷏\ﷰ-\￯]+)*|"((([ \\t]*\\r\\n)?[ \\t]+)?([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f\\x21\\x23-\\x5b\\x5d-\\x7e\ -\퟿\豈-\﷏\ﷰ-\￯]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f\ -\퟿\豈-\﷏\ﷰ-\￯]))*(([ \\t]*\\r\\n)?[ \\t]+)?")@(([az\\d\ -\퟿\豈-\﷏\ﷰ-\￯]|[az\\d\ -\퟿\豈-\﷏\ﷰ-\￯][az\\d\\-._~\ -\퟿\豈-\﷏\ﷰ-\￯]*[az\\d\ -\퟿\豈-\﷏\ﷰ-\￯])\\.)+([az\ -\퟿\豈-\﷏\ﷰ-\￯]|[az\ -\퟿\豈-\﷏\ﷰ-\￯][az\\d\\-._~\ -\퟿\豈-\﷏\ﷰ-\￯]*[az\ -\퟿\豈-\﷏\ﷰ-\￯])\\.?$/i; return pattern.test(emailAddress); };

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

这是由用户Luca Filosofi在这个答案中提供的这个答案

Answer 8

我会推荐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 函数检查状态，如下所示：

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

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

Answer 9

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

我在使用 Fabian 的答案时遇到的问题是由于 Razor @符号而在 MVC 视图中实现它。 你必须包含一个额外的@符号来转义它，像这样： @@

在 MVC 中避免 Razor

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);
}

这正是它应该做的。

Answer 10

一个非常简单的解决方案是使用 html5 验证：

<form>
  <input type="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}">

  <input type="submit">
</form>

http://jsfiddle.net/du676/56/

Answer 11

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

用正则表达式检查

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或博客文章

Answer 12

这将执行更彻底的验证，例如它检查用户名中的连续点，例如 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 中使用正则表达式验证电子邮件地址。

Answer 13

如果你有一个基本的表单，只需将输入类型设置为电子邮件： <input type="email" required>

这适用于使用 HTML5 属性的浏览器，然后您甚至不需要 JS。 即使使用上面的一些脚本，仅使用电子邮件验证也不会做太多，因为：

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

等等...都将验证为“真实”电子邮件。 因此，您最好确保用户必须两次输入他们的电子邮件地址以确保他们输入相同的电子邮件地址。但是要保证电子邮件地址是真实的将非常困难但很有趣大大地。 但是，如果您只是确保它是一封电子邮件，请坚持使用 HTML5 输入。

小提琴示例

这适用于 FireFox 和 Chrome。 它可能无法在 Internet Explorer 中运行...但 Internet Explorer 很烂。 那么就是...

Answer 14

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. */ }

Answer 15

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

Answer 16

<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" />

Answer 17

降落在这里.....最终在这里： 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 验证插件自述文件的说明： 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);
}

希望有帮助

Answer 18

用这个

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');
    }
}

Answer 19

错误在 Jquery Validation Validation Plugin Only validates with @ to change this

把代码改成这样

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 );
}

Answer 20

对于那些想要使用比破坏性的光年长的 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();
}}}}}}}}}

Answer 21

您可以使用jQuery 验证，并在单个 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>

Answer 22

这个问题比乍一看更难回答。 如果您想正确处理电子邮件。

世界各地有很多人在寻找“统治他们所有人的正则表达式”，但事实是，电子邮件提供商的语气是多种多样的。

有什么问题？ 好吧，“a_z%@gmail.com 不能存在，但它可能存在通过另一个提供商这样的地址”a__z@provider.com。

为什么？ 根据 RFC： https : //en.wikipedia.org/wiki/Email_address#RFC_specification 。

我将摘录一段以方便讲座：

电子邮件地址的本地部分可以使用以下任何 ASCII 字符：

大写和小写拉丁字母 A 到 Z 和 a 到 z；

数字 0 到 9；

特殊字符 !#$%&'*+-/=?^_`{|}~;

点 .，前提是它不是第一个或最后一个字符，除非被引用，并且除非被引用，否则它不会连续出现（例如 John..Doe@example.com 是不允许的，但 "John..Doe"@example. com 是允许的）；[6] 请注意，某些邮件服务器通配符本地部分，通常是加号后面的字符，而减号后面的字符较少，因此 fred+bah@domain 和 fred+foo@domain 可能会以相同的方式结束收件箱为 fred+@domain 甚至 fred@domain。 这对于标记电子邮件以进行排序（见下文）和垃圾邮件控制很有用。 大括号 { 和 } 也以这种方式使用，但不经常使用。

空格和 "(),:;<>@[] 字符是允许有限制的（它们只允许在带引号的字符串中，如下文所述，此外，反斜杠或双引号必须以反斜杠）；

允许注释在本地部分的任一端带有括号； 例如 john.smith(comment)@example.com 和 (comment)john.smith@example.com 都等同于 john.smith@example.com。

所以，我可以拥有一个这样的电子邮件地址：

A__z/J0hn.sm{it!}h_comment@example.com.co

如果你尝试这个地址，我敢打赌它会失败，或者在网上发布的正则表达式的主要部分都会失败。 但请记住，此地址遵循 RFC 规则，因此它是公平有效的。

想象一下我无法在使用这些正则表达式检查的任何地方注册的挫败感！

唯一真正可以验证电子邮件地址的是电子邮件地址的提供者。

怎么处理，所以？

在几乎所有情况下，用户是否添加无效电子邮件都没有关系。 您可以依靠运行在RFC附近的HTML 5 input type="email"，失败的可能性很小。 HTML5 input type="email" 信息： https : //www.w3.org/TR/2012/WD-html-markup-20121011/input.email.html

例如，这是一个 RFC 有效的电子邮件：

"very.(),:;<>[]\".VERY.\"very@\\ \"very\".unusual"@strange.example.com

但是 html5 验证会告诉您 @ 之前的文本不能包含例如 " 或 () 字符，这实际上是不正确的。

无论如何，您应该通过接受电子邮件地址并向该电子邮件地址发送电子邮件消息来执行此操作，其中包含用户必须访问以确认有效性的代码/链接。

这样做的一个好习惯是“再次输入您的电子邮件”输入，以避免用户输入错误。 如果这对您来说还不够，添加一个标题为“这是您当前的电子邮件吗？”的预提交模式窗口，然后用户在 h2 标签内输入的邮件，您知道的，以清楚地显示哪个电子邮件-他们输入的邮件，然后是“是的，提交”按钮。

Answer 23

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

(incorrect code)

}

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

(right code)

}

Answer 24

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 网站

Answer 25

你应该看到这个： jquery.validate.js ，将它添加到你的项目中

像这样使用它：

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

Answer 26

另一个简单而完整的选择：

<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();
        });
    }
});

Answer 27

您可以创建自己的函数

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'));

Answer 28

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

<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");
    }
}

在别人的帮助下制作

Answer 29

此正则表达式可防止重复域名，如 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)?$/,

一切顺利！！！！！

Answer 30

键入时验证电子邮件，按钮状态处理。

$("#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();
    }
  });

Answer 31

我是jQuery的新手，想知道如何使用它来验证电子邮件地址。

使用 jQuery 进行电子邮件验证

问题描述

35 个解决方案

解决方案1
754 2010-03-24 11:00:54

解决方案2
177 2012-01-31 15:46:44

解决方案3
41 2010-03-24 12:36:19

解决方案4
39 2010-03-24 11:12:13

解决方案5
17 2013-01-31 01:35:50

解决方案6
15 2013-09-03 18:56:08

解决方案7
15 2016-12-09 14:30:51

解决方案8
14 2012-10-06 13:09:01

解决方案9
13 2016-12-28 20:29:06

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

在 MVC 中避免 Razor

编辑

解决方案10
12 2017-09-18 05:57:21

解决方案11
12 2019-06-17 13:22:07

用正则表达式检查

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

解决方案12
10 2013-10-12 06:28:32

解决方案13
8 2014-03-04 04:09:45

解决方案14
7 2013-11-07 08:09:17

解决方案15
6 2011-11-04 06:01:36

解决方案16
5 2014-12-02 04:51:16

解决方案17
5 2015-01-07 15:40:25

解决方案18
3 2014-02-14 12:04:12

解决方案19
3 2015-06-04 17:47:49

解决方案20
3 2016-03-18 13:12:13

解决方案21
3 2017-11-14 15:07:30

解决方案22
3 2018-05-28 16:20:50

解决方案23
2 2012-10-27 09:24:27

解决方案24
2 2013-06-20 14:52:59

解决方案25
2 2015-03-24 01:39:08

解决方案26
2 2015-09-30 06:16:21

解决方案27
2 2018-03-16 14:25:22

解决方案28
1 2015-07-19 18:48:48

解决方案29
1 2015-11-03 08:53:31

解决方案30
1 2016-08-04 07:25:44

解决方案31
1 2017-05-17 15:37:26

使用 jQuery 进行电子邮件验证

问题描述

35 个解决方案

解决方案1 754 2010-03-24 11:00:54

解决方案2 177 2012-01-31 15:46:44

解决方案3 41 2010-03-24 12:36:19

解决方案4 39 2010-03-24 11:12:13

解决方案5 17 2013-01-31 01:35:50

解决方案6 15 2013-09-03 18:56:08

解决方案7 15 2016-12-09 14:30:51

解决方案8 14 2012-10-06 13:09:01

解决方案9 13 2016-12-28 20:29:06

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

在 MVC 中避免 Razor

编辑

解决方案10 12 2017-09-18 05:57:21

解决方案11 12 2019-06-17 13:22:07

用正则表达式检查

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

解决方案12 10 2013-10-12 06:28:32

解决方案13 8 2014-03-04 04:09:45

解决方案14 7 2013-11-07 08:09:17

解决方案15 6 2011-11-04 06:01:36

解决方案16 5 2014-12-02 04:51:16

解决方案17 5 2015-01-07 15:40:25

解决方案18 3 2014-02-14 12:04:12

解决方案19 3 2015-06-04 17:47:49

解决方案20 3 2016-03-18 13:12:13

解决方案21 3 2017-11-14 15:07:30

解决方案22 3 2018-05-28 16:20:50

解决方案23 2 2012-10-27 09:24:27

解决方案24 2 2013-06-20 14:52:59

解决方案25 2 2015-03-24 01:39:08

解决方案26 2 2015-09-30 06:16:21

解决方案27 2 2018-03-16 14:25:22

解决方案28 1 2015-07-19 18:48:48

解决方案29 1 2015-11-03 08:53:31

解决方案30 1 2016-08-04 07:25:44

解决方案31 1 2017-05-17 15:37:26

解决方案1
754 2010-03-24 11:00:54

解决方案2
177 2012-01-31 15:46:44

解决方案3
41 2010-03-24 12:36:19

解决方案4
39 2010-03-24 11:12:13

解决方案5
17 2013-01-31 01:35:50

解决方案6
15 2013-09-03 18:56:08

解决方案7
15 2016-12-09 14:30:51

解决方案8
14 2012-10-06 13:09:01

解决方案9
13 2016-12-28 20:29:06

解决方案10
12 2017-09-18 05:57:21

解决方案11
12 2019-06-17 13:22:07

解决方案12
10 2013-10-12 06:28:32

解决方案13
8 2014-03-04 04:09:45

解决方案14
7 2013-11-07 08:09:17

解决方案15
6 2011-11-04 06:01:36

解决方案16
5 2014-12-02 04:51:16

解决方案17
5 2015-01-07 15:40:25

解决方案18
3 2014-02-14 12:04:12

解决方案19
3 2015-06-04 17:47:49

解决方案20
3 2016-03-18 13:12:13

解决方案21
3 2017-11-14 15:07:30

解决方案22
3 2018-05-28 16:20:50

解决方案23
2 2012-10-27 09:24:27

解决方案24
2 2013-06-20 14:52:59

解决方案25
2 2015-03-24 01:39:08

解决方案26
2 2015-09-30 06:16:21

解决方案27
2 2018-03-16 14:25:22

解决方案28
1 2015-07-19 18:48:48

解决方案29
1 2015-11-03 08:53:31

解决方案30
1 2016-08-04 07:25:44

解决方案31
1 2017-05-17 15:37:26