A-A+

js正则表达式验证邮箱代码

2016年10月15日 前端设计 暂无评论 阅读 6 views 次

本文章来给大家详细的介绍正则表达式验证邮箱代码一些原因,这里包括详细的正则表达式的一些规则同时我也拿出一最实现的邮箱正则表达式实现,有需要的朋友可参考。

下面是一个验证电子邮件的正则表达式,代码如下:

var re = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ ;

例,代码如下:

  1. <PRE class=html name="code"><div>  
  2. 请输入一个有效的邮箱:<br />  
  3. <input type="text" size=18 id="email" onFocus="clearForm();" />   
  4. <input type="button" onClick="validate();" value="验证" />  
  5. </div>  
  6. <div id="e-result" style="display:none">  
  7. 你输入的邮箱是有效的。谢谢!  
  8. </div></PRE><BR>  
  9. <script language="JavaScript1.2">  
  10. function vEmail(){  
  11.  var str=document.getElementById('email').value;  
  12.  if (str.length == 0){  
  13.   alert("邮箱不能为空");  
  14.   return false;  
  15.  }//xiariboke.net  
  16.  var rule=/^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i;  
  17.  if (rule.test(str))  
  18.   return true;  
  19.  else{  
  20.   alert("请输入有效邮箱!");  
  21.   return false;  
  22.  }  
  23. }  
  24. function validate(){  
  25.    if (document.layers||document.getElementById||document.all){  
  26.       if(vEmail()){  
  27.          document.getElementById('e-result').style.display="block";  
  28.       }  
  29.    }  
  30. }  
  31. function clearForm(){  
  32.     document.getElementById('e-result').style.display="none";  
  33.     document.getElementById('email').value="";  
  34. }  
  35. </script>  

下面我们开始剖析这个正则表达式

re 是一个变量, 用来存储右边的正则表达式,在javascript 中,声明变量使用Var 关键字。

正则表达式的阅读顺序是从左向右的

正则表达式总是以(/) 开头和结尾,斜杠之间的所有内容都是正则表达式的组成部分。

脱字符(^) 表示我们要使用这个表达式来检查以特定字符串开头的字符串。如果去掉脱字符,那么即使字符串开头有一堆垃圾字符,电子邮件地址也可能被认为是有效的。

表达式w 表示任意单一字符,包括a~z 、A~Z 、0~9 或下划线。电子邮件必须这些字符之一开头。

加号+ 表示我们要寻找前面条目的一次或多次出现。

园括号() 表示一个组,这意味着后面要引用圆括号中的所有内容,所以现在将它们放在一个组中。

放括号[] 用来表示可以出现其中的任意一个字符。在这个示例中,方括号内包含字符.- 。我们希望允许用户输入点号或连字符,但是点号对于正则表达式有特殊的意义,所以需要在它前面加上反斜杠, 在特殊字符前加反斜杠表示“对字符转义”,经转义后的字符表示其本身意义。因为有方括号,输入字符串在这个位置可以有一个点号或一个连字符,但是两种不能同时存在。

问号?表示前面的条目可以出现一次或不出现。所以电子邮件地址的第一部分中可以有一个点号或一个连字符,也可以没有。

在?后面,再次使用w+ ,表示点号或连字符后面必须有其他字符。

在()后面出现的* 号,表示前面的条目可以出现零次或多次。所以圆括号中的内容可以出现零次或多次。

@ 字符代表其本身,没有任何其他意义,这个字符位于电子邮件地址和域名之间。

@ 字符后再次出现w+ ,表示@ 后必须出现字符。在此之后,再次出现([.-]?w+)*, 表示电子邮件地址的后缀中允许出现点号或连字符。

然后,在一对圆括号中建立另一个组(.w{2,3}), 表示我们希望找到一个点号,后面跟一些字符。在这个示例中,花括号中的数字表示前面的条目可以出现2 到3 次。在这个组的后面是一个+ 号,表示前面的条目(这个组)必须出现一次或多次。这会匹配.com 或.edu 之类的,也与ox.ac.uk 匹配。

给我留言