JS正则表达式验证邮箱

请输入一个有效的邮箱:

你输入的邮箱是有效的。谢谢！

 

HTML代码：

<div>
请输入一个有效的邮箱:<br />
<input type="text" size=18 id="email" onFocus="clearForm();" /> 
<input type="button" onClick="validate();" value="验证" />
</div>
<div id="e-result" style="display:none">
你输入的邮箱是有效的。谢谢！
</div>

JavaScript:

<script language="JavaScript1.2">
function vEmail(){
	var str=document.getElementById('email').value;
	if (str.length == 0){
		alert("邮箱不能为空");
		return false;
	}
	var rule=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
	if (rule.test(str))
		return true;
	else{
		alert("请输入有效邮箱!");
		return false;
	}
}
function validate(){
   if (document.layers||document.getElementById||document.all){
      if(vEmail()){
         document.getElementById('e-result').style.display="block";
      }
   }
}
function clearForm(){
    document.getElementById('e-result').style.display="none";
    document.getElementById('email').value="";
}
</script>