js邮箱验证

  • Post author:
  • Post category:其他


首先要实现验证,就离不开正则表达式,在实际的开发中正则表达式都是可以在百度上找的到,所有不需要太刻意记,但要知道js中的正则表达式对如何创建和使用

创建:var 变量名=/正则表达式子/ var 变量名=new RegExp(正则表达式子,falg)

使用:变量.test(用户填写的数据)

案例:邮箱验证

<!DOCTYPE html>
<html>
<head>
	<title>正则表达式</title>
</head>
<body>
 <script type="text/javascript">
 //正则表达式.test(用户的字符创)
 //验证邮箱格式
 window.onload=function(){
 	//绑点事件
  document.getElementById("button").onclick=function(){
  	//获取邮箱值
  	var email=document.getElementById("email").value;
  	//验证
  	var emailRegExp=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
    if(emailRegExp.test(email))	{
      alert("wellcom"+email);
    }else{
    	document.getElementById("emailError").innerHTML="<font color='red'>格式不对!</font>"
    }
    //清楚多余的提示
    document.getElementById("email").onfocus=function(){
    	document.getElementById("emailError").innerHTML="";
    }
  }
 }   
 </script>
 <input type="text" id="email">
 <input type="button" value="验证邮箱" id=button><p>
 <span id=emailError></span>
</body>
</html>

运行结果



版权声明:本文为qq_53909398原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。