复制代码代码如下:
<!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">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<название>
密码强度检测
</title>
<style type="text/css">
body {шрифт: 12 пикселей/1,5 Arial;} input {float: left; размер шрифта: 12 пикселей; ширина: 150 пикселей; семейство шрифтов: arial; граница: 1 пиксель
Solid #ccc;padding:3px;} input.correct{border:1px сплошной зеленый;} input.error{border:1px
сплошной красный;} #tips{float:left;margin:2px 0 0 20px;} #tips span{float:left;width:50px;height:20px;color:#fff;overflow:hidden;background:#ccc;margin -right:2px;line-height:20px;text-align:center;}
#tips.s1 .active{background:#f30;} #tips.s2 .active{background:#fc0;} #tips.s3
.active{background:#cc0;} #tips.s4 .active{background:#090;}
</стиль>
<тип сценария="текст/javascript">
window.onload = функция() {
var oTips = document.getElementById("советы");
var oInput = document.getElementsByTagName("input")[0];
var aSpan = oTips.getElementsByTagName("span");
var aStr = ["弱", "中", "强", "非常好"];
вар я = 0;
oInput.onkeyup = oInput.onfocus = oInput.onblur = function() {
индекс вар = checkStrong(this.value);
this.className = индекс? «правильно»: «ошибка»;
oTips.className = "s" + индекс;
for (i = 0; i < aSpan.length; i++) aSpan[i].className = aSpan[i].innerHTML = "";
индекс && (aSpan[индекс - 1].className = "активный", aSpan[индекс - 1].innerHTML = aStr[индекс - 1])
}
};
/** 强度规则
+ ------------------------------------------------- ------ +
1) 任何少于6个字符的组合，弱；任何字符数的同类字符组合，弱；
2) 任何字符数的两类字符组合,中；
3) 12 位字符数以下的三类或四类字符组合，强；
4).
+ ------------------------------------------------- ------ +
**/
//检测密码强度
функция checkStrong(sValue) {
вар режимы = 0;
if (sValue.length < 6) режимы возврата;
if (//d/.test(sValue)) mode++; //数字
if (/[az]/.test(sValue)) mode++; //小写
if (/[AZ]/.test(sValue)) mode++; //大写
if (//W/.test(sValue)) mode++; //特殊字符
переключатель (режимы) {
случай 1:
возврат 1;
перерыв;
случай 2:
возврат 2;
случай 3:
случай 4:
вернуть sValue.length <12? 3 : 4
перерыв;
}
}
</скрипт>
</голова>
<тело>
<input type="password" value="" maxlength="16" />
<div id="советы">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</тело>
</html>