UW3C首页 > JS > JS验证邮箱是否正确

JS验证邮箱是否正确

阅读：4322 次编辑日期：2015-04-20

概述：

大家在做注册操作的时候经常需要判断用户输入的邮箱是否正确，此时就要用到了正则表达式，今天我就来记录一下JS验证邮箱是否正确。

首先我们要说一下邮箱的格式：数字/英文/下划线@数字/英文/下划线.数字/英文/下划线。

是不是有点绕？举个例子吧：

    uw3c@sina.com//数字英文@英文.英文
    uw3c_mail@163.com//数字英文下划线@数字.英文
    user_01@uw3c.com//数字英文下划线@数字英文.英文

那么我们就可以根据这样的规则来写一个正则表达式：

/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;

下面逐句解释：

1.^匹配开始,也可理解为以XXX开始;

2.([a-zA-Z0-9_-])+以字母或数字或下划线开头，至少重复一次,例如：uw3c_mail;

3.@第1步验证完了之后，当然要有@,例如：uw3c_mail@;

4.([a-zA-Z0-9_-])+@之后可以是字母或数字或下划线，至少重复一次,例如：uw3c_mail@uw3c

5.(\.[a-zA-Z0-9_-]{2,3})之后就是"."和后缀名，后缀名可以是字母或数字或下划线，至少从重复2次，最多重复3次，例如： uw3c_mail@uw3c.com 或 uw3c_mail@uw3c.cn;

6.{1,2}后缀至少重复一次，最多重复两次，例如：uw3c_mail@uw3c.com.cn;

7.$匹配结束，也可理解为以XXX结束;

    function checkMail(str){
       var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
       return reg.test(str);
    }

OK，那么我们就点击下面的实例来试试吧~

将本篇文章分享到：

投稿本站关注本站收藏本站免责声明

站长推荐