密码强度检测

由群群 · 05/01/2010

效果直接看代码：

代码如下：

HTML代码

<br />
<html><br />
<head><br />
<title>密码强度检测</title><br />
<script type="text/javascript">
 function chkpwd(obj){
  var t=obj.value;
  var id=getResult(t);</p>
<p>  //定义对应的消息提示
  var msg=new Array(4);
  msg[0]="密码过短。";
  msg[1]="密码强度差。";
  msg[2]="密码强度良好。";
  msg[3]="密码强度高。";</p>
<p>  var sty=new Array(4);
  sty[0]=-45;
  sty[1]=-30;
  sty[2]=-15;
  sty[3]=0;</p>
<p>  var col = new Array(4);
  col[0] = "gray";
  col[1] = "#50AEDD";
  col[2] = "#FF8213";
  col[3] = "green";</p>
<p>  //设置显示效果
  var bImg="<a href="http://www.poloo.org/attachments/month_1005/x201051183010.gif" target="_blank" rel="external">http://www.poloo.org/attachments/month_1005/x201051183010.gif</a>" //一张显示用的图片
  var sWidth=300;
  var sHeight=15;
  var Bobj=document.getElementById("chkResult");
  Bobj.style.fontSize="12px";
  Bobj.style.color=col[id];
  Bobj.style.width=sWidth + "px";
  Bobj.style.height=sHeight + "px";
  Bobj.style.lineHeight=sHeight + "px";
  Bobj.style.background="url(" + bImg + ") no-repeat left " + sty[id] + "px";
  Bobj.style.textIndent="20px";
  Bobj.innerHTML="检测提示：" + msg[id];
 }</p>
<p> //定义检测函数,返回0/1/2/3分别代表无效/差/一般/强
 function getResult(s){
  if(s.length < 4){
   return 0;
  }
  var ls = 0;
  if (s.match(/[a-z]/ig)){
   ls++;
  }
  if (s.match(/[0-9]/ig)){
   ls++;
  }
   if (s.match(/(.[^a-z0-9])/ig)){
   ls++;
  }
  if (s.length < 6 && ls > 0){
   ls--;
  }
  return ls
 }
</script><br />
</head><br />
<body></p>
<form name="form1">
 <label for="pwd">用户密码</label><br />
 <input type="password" name="pwd" onkeyup="chkpwd(this)" /></p>
<div id="chkResult"></div>
</form>
<p></body><br />
</html><br />

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

附件：

日	一	二	三	四	五	六
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

密码强度检测

您可能还喜欢...

Search

近期文章

月度存档

密码强度检测

您可能还喜欢...

垂直居中及容器内图片垂直居中的CSS解决方法

CSS em与px的区别

对称加密与非对称加密

Search

近期文章

月度存档