|
jxdawei 的個(gè)人博客：http://www.iwcn.net
功能說(shuō)明：在用戶(hù)注冊(cè)或更改密碼時(shí)，根據(jù)用戶(hù)輸入進(jìn)行檢測(cè)并返回結(jié)果。能有效地提醒用戶(hù)提高帳號(hào)的安全性。
類(lèi)似效果：Live.com中的修改密碼功能
簡(jiǎn)單預(yù)覽：
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
使用方法：
第一步：保存圖片
第二步：根據(jù)您的需要修改js文件中該圖片地址。如下所示：
var bImg="pwdlen.gif";//一張顯示用的圖片
第三步：在需要檢測(cè)的頁(yè)面中引用這個(gè)腳本文件，如下所示：
<script type="text/javascript" src="chkpwd.js"></script>
第四步：在網(wǎng)頁(yè)的表單中，找到密碼輸入框添加onblur事件驅(qū)動(dòng)，然后添加一個(gè)Div，如下所示：
<input type="password" name="pwd" onblur="chkpwd(this)" />
<div id="chkResult">強(qiáng)度檢測(cè)</div>
第五步：根據(jù)您頁(yè)面的需要通過(guò)樣式表CSS重新定義#chkResult的擺放位置，以合適您網(wǎng)頁(yè)的整體布局。
完整效果預(yù)覽：點(diǎn)擊這里
源文件下載：chkpwd.js
經(jīng)典論壇：
http://bbs.blueidea.com/thread-2701180-1-1.html
出處：藍(lán)色理想
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
