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

最新推荐文章于 2022-02-19 15:07:20 发布

转载最新推荐文章于 2022-02-19 15:07:20 发布 · 475 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/yunsy/blog/542004

本文介绍了使用JavaScript进行账号、手机号、电话及邮箱等信息的有效性验证的方法，并提供了一个实用的密码强度检测脚本。

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

var re = /^[a-zA-z]\w{3,15}$/;

验证帐号是否合法
验证规则：字母、数字、下划线组成，字母开头，4-16位。

var re = /^1\d{10}$/;

验证手机号码
验证规则：11位数字，以1开头。

var re = /^0\d{2,3}-?\d{7,8}$/;

验证电话号码
验证规则：区号+号码，区号以0开头，3位或4位
号码由7位或8位数字组成
区号与号码之间可以无连接符，也可以“-”连接
如01088888888,010-88888888,0955-7777777

var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;

验证邮箱
验证规则：姑且把邮箱地址分成“第一部分@第二部分”这样
第一部分：由字母、数字、下划线、短线“-”、点号“.”组成，
第二部分：为一个域名，域名由字母、数字、短线“-”、域名后缀组成，
而域名后缀一般为.xxx或.xxx.xx，一区的域名后缀一般为2-4位，如cn,com,net，现在域名有的也会大于4位

Js校验密码强度

<html>
<head>
<title>JS判断密码强度</title>
<script language=javascript>  
//判断输入密码的类型  
function CharMode(iN){  
	if (iN>=48 && iN <=57) //数字  
	return 1;  
	if (iN>=65 && iN <=90) //大写  
	return 2;  
	if (iN>=97 && iN <=122) //小写  
	return 4;  
	else  
	return 8;   
	}  
//bitTotal函数  
//计算密码模式  
function bitTotal(num){  
	modes=0;  
	for (i=0;i<4;i++){  
	if (num & 1) modes++;  
	num>>>=1;  
	}  
	return modes;  
}  
//返回强度级别  
function checkStrong(sPW){  
	if (sPW.length<=4)  
	return 0; //密码太短  
	Modes=0;  
	for (i=0;i<sPW.length;i++){  
	//密码模式  
	Modes|=CharMode(sPW.charCodeAt(i));  
	}  
	return bitTotal(Modes);  
}  
  
//显示颜色  
function pwStrength(pwd){  
	O_color="#eeeeee";  
	L_color="#FF0000";  
	M_color="#FF9900";  
	H_color="#33CC00";  
	if (pwd==null||pwd==''){  
	    Lcolor=Mcolor=Hcolor=O_color;  
    }else{  
		S_level=checkStrong(pwd);  
		switch(S_level) {  
		case 0:  
		Lcolor=Mcolor=Hcolor=O_color;  
		case 1:  
		Lcolor=L_color;  
		Mcolor=Hcolor=O_color;  
		break;  
		case 2:  
		Lcolor=Mcolor=M_color;  
		Hcolor=O_color;  
		break;  
		default:  
		Lcolor=Mcolor=Hcolor=H_color;  
    }  
}  
	document.getElementById("strength_L").style.background=Lcolor;  
	document.getElementById("strength_M").style.background=Mcolor;  
	document.getElementById("strength_H").style.background=Hcolor;  
return;  
}  
</script>
</head>
<body>  
<form name=form1 action="" >  
	密码:<input type=password size=8 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>  
	<br>密码强度:  
	<table width="210" border="1" cellspacing="0" cellpadding="1" bordercolor="#eeeeee" height="22" style='display:inline'>  
		<tr align="center" bgcolor="#f5f5f5">  
			<td width="33%" id="strength_L">弱</td>  
			<td width="33%" id="strength_M">中</td>  
			<td width="33%" id="strength_H">强</td>  
		</tr>  
    </table>  
</form>
</body>
</html>

转载于:https://my.oschina.net/yunsy/blog/542004