<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>密码强度测试</title>
</head>
<script language="JavaScript">
<!--
function checkIntensity(pwd)
{
var Mcolor = "#FFF",Lcolor = "#FFF",Hcolor = "#FFF";
var m=0;
var Modes = 0;
for (i=0; i<pwd.length; i++)
{
var charType = 0;
var t = pwd.charCodeAt(i);
if (t>=48 && t <=57)//0~9
{
charType = 1;
}
else if (t>=65 && t <=90)//a~z
{
charType = 2;
}
else if (t>=97 && t <=122)//A~Z
charType = 4;
else
charType = 4;
Modes =Modes | charType;
}
for (i=0;i<4;i++)
{
if (Modes & 1) m++;
Modes=Modes>>>1;
}
if (pwd.length<=4)
{
m = 1;
}
switch(m)
{
case 1 :
Lcolor = "2px solid red";
Mcolor = Hcolor = "2px solid #DADADA";
break;
case 2 :
Mcolor = "2px solid #f90";
Lcolor = Hcolor = "2px solid #DADADA";
break;
case 3 :
Hcolor = "2px solid #3c0";
Lcolor = Mcolor = "2px solid #DADADA";
break;
case 4 :
Hcolor = "2px solid #3c0";
Lcolor = Mcolor = "2px solid #DADADA";
break;
default :
Hcolor = Mcolor = Lcolor = "";
break;
}
document.getElementById("pwd_lower").style.borderBottom = Lcolor;
document.getElementById("pwd_middle").style.borderBottom = Mcolor;
document.getElementById("pwd_high").style.borderBottom = Hcolor;
}
//-->
</script>
<body>
<input type="password" name="password" onChange="checkIntensity(this.value)" />
<table width="170" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td id="pwd_lower" style="border-bottom:2px solid #DADADA"> </td>
<td style="border-bottom:2px solid #DADADA; width:2px"> </td>
<td id="pwd_middle" style="border-bottom:2px solid #DADADA"> </td>
<td style="border-bottom:2px solid #DADADA; width:2px"> </td>
<td id="pwd_high" style="border-bottom:2px solid #DADADA"> </td>
</tr>
</tbody>
</table>
</body>
</html>
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。