改善用户体验之密码强度提示

第一步：保存图片
第二步：根据您的需要修改js文件中该图片地址。如下所示：

var bImg="pwdlen.gif";//一张显示用的图片

第三步：在需要检测的页面中引用这个脚本文件，如下所示：

<script type="text/javascript" src="chkpwd.js"></script>

第四步：在网页的表单中，找到密码输入框添加onblur事件驱动，然后添加一个Div，如下所示：

<input type="password" name="pwd" onblur="chkpwd(this)" />
<div id="chkResult">强度检测</div>

第五步：根据您页面的需要通过样式表CSS重新定义#chkResult的摆放位置，以合适您网页的整体布局。


下载chkpwd.js http://www.butong.net/wangyezhizuo/061207c/images/chkPwd.rar