首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Windows 7 | 下载中心天极下载中心诚征下载通路合作伙伴
天极网 > 软件频道 > 网页陶吧>改善用户体验之表单密码强度提示

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

2006-12-07 16:01作者:jxdawei 出处:蓝色理想责任编辑:龙犊

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

  

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

  

  运行代码框

  

  使用方法:

  第一步:保存图片

  第二步:根据您的需要修改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的摆放位置,以合适您网页的整体布局。

  访问经典网站建设类教程>>

  jxdawei 的个人博客:http://www.iwcn.net


  阅读关于 用户体验 表单 密码强度 网页陶吧 龙犊 的全部文章 热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回网页陶吧首页

共1页。 1
  • 1.改善用户体验之表单密码强度提示

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络