計算機專業(yè)畢業(yè)設(shè)計:密碼強度動態(tài)判斷
引言天使將會展現(xiàn)網(wǎng)站編程最真實的一面,包括編程中遇到的一些錯誤指令的處理,網(wǎng)站調(diào)試過程,排查代碼錯誤等。通過本系列經(jīng)驗,相信你在.net網(wǎng)站開發(fā)方面會有一個很大的提升。同時也希望小伙伴們喜歡天使的經(jīng)驗
引言
天使將會展現(xiàn)網(wǎng)站編程最真實的一面,包括編程中遇到的一些錯誤指令的處理,網(wǎng)站調(diào)試過程,排查代碼錯誤等。通過本系列經(jīng)驗,相信你在.net網(wǎng)站開發(fā)方面會有一個很大的提升。同時也希望小伙伴們喜歡天使的經(jīng)驗,把我的經(jīng)驗分享給更多需要幫助的人。后面功能模塊比較深入,大家不懂的可以先看看前面的經(jīng)驗。
修改用戶密碼保護賬號安全
在會員個人中心界面,我們可以修改用戶密碼,為了保護個人賬號的安全,我們引導(dǎo)用戶設(shè)置強密碼。為了方便使用正則表達式,我們采用input控件,并將它轉(zhuǎn)化為客戶端控件,然后用div標(biāo)簽顯示用戶密碼強度判斷結(jié)果。我們可以保存用于顯示密碼強度的圖片。
樣式代碼
在head標(biāo)記之間,寫樣式代碼。如下所示:
```
body {
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
margin:0;
}
form {
margin:2em;
}
#chkResult {
margin-left:53px;
height:15px;
}
```
密碼強度判斷函數(shù)
我們使用JavaScript編寫密碼強度判斷函數(shù)。如下所示:
```
```
密碼強度顯示
保存,單獨運行該界面,輸入新密碼,隨著密碼位數(shù)和復(fù)雜度的增加,會顯示相應(yīng)的密碼強度顏色。