一个简单的jquery片段来验证用户'的电子邮件地址

a simple jquery snippet to validate a user's email address

本文关键字：用户 验证 电子邮件地址 jquery 一个 简单 片段      更新时间：2023-09-26

我使用以下javascript代码来验证用户的输入电子邮件地址。我的问题是，我使用html5作为"电子邮件"类型的文本框，目前在最新的IE版本上无法正常工作。我发现自己更喜欢html5，因为它提供了更好的外观和感觉效果。因此，我想使用它，因此同时需要添加一个小片段来检查IE浏览器，如以下代码中所示，

    function IsValidEmail(email)
{
    var em= new RegExp(/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+'.[a-zA-Z]{2,4}$/i);
    return em.test(email);
}
$("#aspformblahblah").submit(function()
{
    var em=$('#email').val();
    if(!IsValidEmail(em))
    {
        if($.browser.msie)
        {
            $("#e-valid").css({'color':'red','padding-left':'5px', 'font-style':'italic'});
            $("#e-valid").html("Please enter a valid email address");
            return false;
        }
    }
    return true;
});

它在所有其他浏览器上都能很好地工作，但我似乎满脑子都在想我在某个地方犯的一个逻辑错误，即当提交表单时，上面的代码在IE上不起作用。不过，它可以很好地验证输入的电子邮件地址。有什么启发我的想法吗。。。。非常感谢，

包装文档.ready

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function IsValidEmail(email) {
    // the regex works in IE but should be a string (see nnnnn's answer) 
    // var em= new RegExp(/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+'.[a-zA-Z]{2,4}$/i);
    var em=/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+'.[a-zA-Z]{2,4}$/i; // simpler
    return em.test(email);
}
$(document).ready(function() {
  $("#form1").submit(function() {
    var em=$('#email').val();
    if(!IsValidEmail(em))
    {
        if($.browser.msie)
        {
        alert("Wrong email");
            $("#e-valid").css({'color':'red','padding-left':'5px', 'font-style':'italic'});
            $("#e-valid").html("Please enter a valid email address");
            return false;
        }
    }
    return true;
  });
});
</script>
</head>
<body>
<form id="form1">
<input id="email" type="email" value="" /><span id="e-valid"></span><br/>
<input type="submit" />
</form>
</body>
</html>

您将regex文本传递给RegExp（）构造函数，但它需要一个字符串。试试这个：

    function IsValidEmail(email)
   {
      var em= /^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+'.[a-zA-Z]{2,4}$/i;
      return em.test(email);
   }

请注意，您不需要变量em，如果您使用不区分大小写的regex的"i"标志，则可以简化您的模式：

   return /^[+a-z0-9._-]+@[a-z0-9.-]+'.[a-z]{2,4}$/i.test(email);
相关文章：