JS正则表达式验证账号、手机号、电话和邮箱

最新推荐文章于 2024-06-04 14:30:20 发布

Archer_An

最新推荐文章于 2024-06-04 14:30:20 发布

阅读量7.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/haandxc/article/details/50896472

版权

JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

本文主要是采用js和正则表达式方便的验证账号、手机号、邮箱等。

具体代码实现如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>手机号，邮箱等验证</title>
<script type="text/javascript">
    /**
	验证账号是否符合合法
	验证规则：字母、数字、下划线组成，字母开头，4-16位。
	*/
   function checkUser(str)
   {
       var re=/^[a-zA-Z]\w{3,15}$/;
	   if(re.test(str))
	   {
	      alert("正确！");
	   }else
	   {
	      alert("错误！");
	   }
   }
   
   /**
      验证手机号码是否输入合法
	  验证规则：11位数字，以1开头
   */
   function checkMobile(str)
   {
       var re=/^1\d{10}$/;
	   if(re.test(str))
	   {
	      alert("正确！");
	   }else
	   {
	      alert("错误！");
	   }
   }
   
   /**
      验证电话号码是否输入合法
	  验证规则：区号+号码，区号以0开头，3位或4位
	  号码由7位或8位数字组成
	  区号与号码之间可以无连接符，也可以“-”连接
      如01088888888,010-88888888,0955-7777777 
   */
   function checkPhone(str)
   {
       re = /^0\d{2,3}-?\d{7,8}$/;
	   if(re.test(str))
	   {
	      alert("正确！");
	   }else
	   {
	      alert("错误！");
	   }
   }
   
   
   /**
      验证邮箱是否输入合法
	  验证规则：姑且把邮箱地址分成“第一部分@第二部分”这样
	  第一部分：由字母、数字、下划线、短线“-”、点号“.”组成，
	  第二部分：为一个域名，域名由字母、数字、短线“-”、域名后缀组成，
	  而域名后缀一般为.xxx或.xxx.xx，一区的域名后缀一般为2-4位，如cn,com,net，现在域名有的也会大于4位
   */
   function checkEmail(str)
   {
       re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
	   if(re.test(str))
	   {
	      alert("正确！");
	   }else
	   {
	      alert("错误！");
	   }
   }
   
    
</script>
</head>

<body>
  <label>
    请输入账号：<input type="text" id="user" value=""/>
	<input type="button" value="检查账号" οnclick="checkUser(user.value)">
  </label><br/><br/>
  
  <label>
	输入手机号：<input type="text" id="mobile" value=""/>
	<input type="button" value="检查手机号" οnclick="checkMobile(mobile.value)">
  </label><br/><br/>
	
	<label>
	输入电话号：<input type="text" id="phone" value=""/>
	<input type="button" value="检查电话号码" οnclick="checkPhone(phone.value)">
	</label><br/><br/>
	
	<label>
	请输入邮箱：<input type="text" id="email" value=""/>
	<input type="button" value="检查邮箱" οnclick="checkEmail(email.value)">
	</label><br/><br/>
</body>

</html>

实现的效果如下图所示。

Archer_An

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
JS正则表达式验证账号、手机号、电话和邮箱

/** 验证账号是否符合合法验证规则：字母、数字、下划线组成，字母开头，4-16位。 */ function checkUser(str) { var re=/^[a-zA-Z]\w{3,15}$/; if(re.test(str)) { alert("正确！"); }else { alert("错误！"
复制链接

扫一扫

专栏目录