js邮箱验证

最新推荐文章于 2024-05-28 14:37:06 发布

学java然后去打螺丝的小王

最新推荐文章于 2024-05-28 14:37:06 发布

阅读量6.8k

点赞数 3

文章标签： javascript 正则表达式前端

本文链接：https://blog.csdn.net/qq_53909398/article/details/122483634

版权

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

运行结果

学java然后去打螺丝的小王

关注

3
点赞
踩
14

收藏

觉得还不错? 一键收藏
1
评论
js邮箱验证

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

扫一扫