找回密码
 注册
搜索
热搜: 回贴

改善用户体验 制作实用密码强度提示

2009-12-16 23:49| 发布者: admin| 查看: 124| 评论: 0|原作者: 韩菱纱

  功能说明:在用户注册或更改密码时,根据用户输入进行检测并返回结果。能有效地提醒用户提高帐号的安全性。

  类似效果:Live.com中的修改密码功能

  运行代码框
  简单预览:



密码













  使用方法:
  第一步:保存图片
  第二步:根据您的需要修改js文件中该图片地址。如下所示:
var bImg="pwdlen.gif";//一张显示用的图片
  第三步:在需要检测的页面中引用这个脚本文件,如下所示:

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

强度检测

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

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-29 15:18 , Processed in 0.112179 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部