密码评级[转]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<title>密码评级</title>
<meta name=”generator” content=”editplus” />
<meta name=”author” content=”Seven Yu” />
<meta name=”keywords” content=”" />
<meta name=”description” content=”" />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.2.6.pack.js“></script>
<script type=”text/javascript”>
<!–
var str_lvl = ['0 未评级, '1 很弱','2 弱','3 中','4 安全','5 强','6 最强'];
var str_col = ['#ccc', '#e4e9e3','#f69680','#f3f091','#bae7fa','#a4d496','#00a752'];
$(function()
{
setLevel(0);
$(‘#frmain [name="pwd"]‘)
.keyup(function()
{
var o = this;
var l = checkPwd(o);
setLevel(l);
});
});
function setLevel(lvl)
{
$(‘#lvl’).html(str_lvl[lvl]).css(‘background-color’, str_col[lvl]);
}
function checkPwd(obj)
{
var v = obj.value;
var n = /[a-z]/.test(v) + // 小写字母
/[A-Z]/.test(v) + // 大写字母
/d/.test(v) + // 数字
/[^0-9a-z]/i.test(v) + // 符号
(v.length >= 6) + // 长度级别 1
(v.length >= 10); // 长度级别 2
return n;
}
//–>
</script>
</head>
<body>
<form id=”frmain” method=”post” action=”">
<input type=”text” name=”pwd” /><div id=”lvl” style=”text-align: center; width: 70px;”></div>
</form>
</body>
</html>
查看效果：http://labs.phpz.org/passlevel/
