密碼強(qiáng)度檢測(cè)效果實(shí)現(xiàn)原理與代碼
更新時(shí)間：2013年01月04日 10:08:10 作者：
密碼強(qiáng)度檢測(cè)有利于提醒增加密碼的安全指數(shù)，更好的保護(hù)密碼安全,接下來(lái)介紹密碼強(qiáng)度檢測(cè)效果的實(shí)現(xiàn)
復(fù)制代碼 代碼如下:
<html>
<head>
<title>密碼強(qiáng)度檢測(cè)效果</title>
<script type="text/javascript">
function chkpwd(obj){
var t=obj.value;
var id=getResult(t);
//定義對(duì)應(yīng)的消息提示
var msg=new Array(4);
msg[0]="密碼過(guò)短。";
msg[1]="密碼強(qiáng)度差。";
msg[2]="密碼強(qiáng)度良好。";
msg[3]="密碼強(qiáng)度高。";
var sty=new Array(4);
sty[0]=-45;
sty[1]=-30;
sty[2]=-15;
sty[3]=0;
var col = new Array(4);
col[0] = "gray";
col[1] = "#50AEDD";
col[2] = "#FF8213";
col[3] = "green";
//設(shè)置顯示效果
var bImg="http://download.jz123.cn/sc/pwdlen_dSIPeEGQWxfO.gif" //一張顯示用的圖片
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="檢測(cè)提示：" + msg[id];
}
//定義檢測(cè)函數(shù),返回0/1/2/3分別代表無(wú)效/差/一般/強(qiáng)
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>
</head>
<body>
告訴你一個(gè)應(yīng)有盡有的網(wǎng)頁(yè)特效網(wǎng)址：http://chabaoo.cn/list/list_43_1.htm
<form name="form1">
<label for="pwd">用戶密碼</label>
<input type="password" name="pwd" onKeyUp="chkpwd(this)" />
<div id="chkResult"></div>
</form>
</body>
</html>
相關(guān)文章
本篇文章主要是對(duì)js判斷字符是否是漢字的兩種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
詳解ES6語(yǔ)法之可迭代協(xié)議和迭代器協(xié)議
這篇文章主要介紹了詳解ES6語(yǔ)法之可迭代協(xié)議和迭代器協(xié)議,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章主要介紹了js獲取圖片寬高的方法，快速獲取圖片的寬高其實(shí)是為了預(yù)先做好排版樣式布局做準(zhǔn)備，需要的朋友可以參考下2015-11-11
javascript獲取所有同類(lèi)checkbox選項(xiàng)(實(shí)例代碼)
javascript獲取所有同類(lèi)checkbox選項(xiàng)的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
JS使用setInterval計(jì)時(shí)器實(shí)現(xiàn)挑戰(zhàn)10秒
這篇文章主要為大家詳細(xì)介紹了JS使用setInterval計(jì)時(shí)器實(shí)現(xiàn)挑戰(zhàn)10秒，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了使用fileReader的一個(gè)坑及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-12-12
探究JavaScript原型數(shù)據(jù)共享與方法共享實(shí)現(xiàn)
這篇文章主要介紹了探究JavaScript原型數(shù)據(jù)共享與方法共享實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
微博@符號(hào)的用戶名提示效果。(想@到誰(shuí)？)
相信你老早就在騰訊或者新浪的微博上體驗(yàn)到了，@符號(hào)在微博時(shí)代的便捷呼叫。2010-11-11
JavaScript新功能介紹之findLast()和findLastIndex()
最近工作中遇到了一個(gè)關(guān)于查找數(shù)組里面的目標(biāo)元素的方法,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript新功能之findLast()?和findLastIndex()的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
js實(shí)現(xiàn)文章文字大小字號(hào)功能完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)文章文字大小字號(hào)功能的實(shí)現(xiàn)方法,可根據(jù)用戶習(xí)慣調(diào)整顯示文字的大小.詳細(xì)講述了實(shí)現(xiàn)這一功能的完整步驟.是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11