jquery 验证Email邮箱格式的几个例子

最新推荐文章于 2026-03-27 03:21:48 发布

转载最新推荐文章于 2026-03-27 03:21:48 发布 · 1.9w 阅读

收录于

客户端技巧专栏收录该内容

34 篇文章

订阅专栏

本文介绍了如何使用正则表达式和jQuery实现邮箱格式验证，包括JavaScript代码示例、jQuery代码示例，以及如何在输入错误时进行提示并定位焦点。

例1，检测邮箱格式，不合格的给出提示，并定位焦点。

复制代码代码示例:

   var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
 
  var email_val = $("#Email").val();
 
  if(!search_str.test(email_val)){       
 
      alert("please input right email !");
 
      $('#Email').focus();
 
      return false;
 
  }

例2，jquery判断Email是否合法

1、HTML代码

复制代码代码示例:

  <tr>
 
 <td height="30" align="right">E-mail：</td>
 
 <td><input id="mail" name="mail" type="text" class="inputT" /></td>
 
 </tr>

2、获取input信息

复制代码代码示例:

  var mail = $('#mail').val();
 
  if (mail != '') {//判断
 
     var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
 
     if (!reg.test(mail)) {
 
         alert('邮箱格式不正确，请重新填写!');
 
        return false;
 
   }
 
 }

例3，JQuery实现电子邮件验证