惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
Apple Machine Learning Research
Apple Machine Learning Research
宝玉的分享
宝玉的分享
博客园 - 叶小钗
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 司徒正美
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - Franky
爱范儿
爱范儿
罗磊的独立博客
IT之家
IT之家
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
N
Netflix TechBlog - Medium
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
U
Unit 42
Engineering at Meta
Engineering at Meta
WordPress大学
WordPress大学
博客园 - 三生石上(FineUI控件)
T
Tailwind CSS Blog
H
Help Net Security
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
人人都是产品经理
人人都是产品经理

博客园 - 探路者

编辑用户资料的时候,让用户的密码以星花显示 模仿层遮盖网页浏览区 gridview列 数字、货币和日期 显示格式 Blog常用拖动模块 摘录小代码合集[1] 注册时阅读条款倒计时控制 通用JS倒计时代码 去除网页FLASH"单击并激活此控件"解决办法 Js实现Checkbox的全选/反选 实用天气代码 银行软键盘代码 div制作三角图标 IE滚动条样式 【WEB控件】[GridView系列]Panel+GridView 【Web控件】[GridView系列]给GridView添加滚动条 常用CSS样式 【HTML控件】[TextBox系列]搜索输入关键字 可以移动的漂浮层 Div滚动条样式
改善用户体验之密码强度提示
探路者 · 2007-09-30 · via 博客园 - 探路者

第一步:保存图片
第二步:根据您的需要修改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