使用jquery验证电子邮件字段

时间:2016-01-18 15:05:01

标签: jquery

我需要使用jquery验证电子邮件字段,但该程序不起作用。

   var email_form=$('#email');
        if(email_form!=null){
console.log("HI");
            $('#email').on('input', function(){
                console.log("show ");
            });
        }

程序打印“HI”但不打印“show”。我的目的是每次用户在电子邮件字段中写字符时,我必须验证此文本。有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

假设你有以下html:

<form>
   <input type="text" name="email" id="email">
</form>

添加以下jquery:

$(document).ready(function() {
   $('form').on('keydown','#email',function() {
      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,}))$/;
      if(re.test($("#email").val())) {
          //email is correct
      } else {
          //email is incorrect
      }
   })
});