js邮箱验证

首先要实现验证，就离不开正则表达式，在实际的开发中正则表达式都是可以在百度上找的到，所有不需要太刻意记，但要知道js中的正则表达式对如何创建和使用创建:var 变量名=/正则表达式子/ var 变量名=new RegExp(正则表达式子，falg)使用：变量.test(用户填写的数据)案例：邮箱验证<!DOCTYPE html><html><head><t

秃头老表

6896人浏览 · 2022-01-13 22:14:43

秃头老表 · 2022-01-13 22:14:43 发布

首先要实现验证，就离不开正则表达式，在实际的开发中正则表达式都是可以在百度上找的到，所有不需要太刻意记，但要知道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>

运行结果