`
liuxinglanyue
  • 浏览: 565326 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

检测密码强度Demo(转)

阅读更多

<html>

<head>

<title>密码强度检测Demo</title>

<script type="text/javascript">

 function passwordTest(obj){

  var t=obj.value;

  var id=getResult(t);

  //定义对应的消息提示

  var msg=new Array(4);

  msg[0]="密码过短。";

  msg[1]="密码强度差。";

  msg[2]="密码强度良好。";

  msg[3]="密码强度高。";

  var sty=new Array(4);

  sty[0]=-45;

  sty[1]=-30;

  sty[2]=-15;

  sty[3]=0;

  var col = new Array(4);

  col[0] = "gray";

  col[1] = "#50AEDD";

  col[2] = "#FF8213";

  col[3] = "green";

  //设置显示效果

  var bImg="/img/pwdlen_dSIPeEGQWxfO.gif" //一张显示用的图片

  var sWidth=300;

  var sHeight=15;

  var Bobj=document.getElementById("nodetext");



  Bobj.style.fontSize="12px";

  Bobj.style.color=col[id];

  Bobj.style.width=sWidth + "px";

  Bobj.style.height=sHeight + "px";

  Bobj.style.lineHeight=sHeight + "px";

  Bobj.style.background="url(" + bImg + ") no-repeat left " + sty[id] + "px";

  Bobj.style.textIndent="20px";

  Bobj.innerHTML="检测提示:" + msg[id];

 }

 //定义检测函数,返回0/1/2/3分别代表无效/差/一般/强

 function getResult(s){

  if(s.length < 4){

   return 0;

  }

  var ls = 0;

  if (s.match(/[a-z]/ig)){

   ls++;

  }

  if (s.match(/[0-9]/ig)){

   ls++;

  }

   if (s.match(/(.[^a-z0-9])/ig)){

   ls++;

  }

  if (s.length < 6 && ls > 0){

   ls--;

  }

  return ls

 }

</script>

</head>

<body>

<form name="form1">

 <label for="pwd">用户密码</label>

 <input type="password" name="pwd" onKeyUp="passwordTest(this)" />

 <div id="nodetext"></div>

</form>

</body>

</html>
 转:http://www.iteye.com/topic/809765
分享到:
评论

相关推荐

    检验密码强度Demo

    在“检测密码强度Demo.html”文件中,可能会有如下结构: ```html &lt;!DOCTYPE html&gt; 密码强度检测Demo /* 自定义样式 */ 请输入密码: ()"&gt; &lt;p id="strength"&gt;&lt;/p&gt; function showStrength() { ...

    自动检测密码强度

    标题“自动检测密码强度”涉及的是信息安全领域的一个重要议题,主要关注如何评估用户设定的密码安全性。在现代网络环境中,密码强度的检测是保护账户免受未经授权访问的关键步骤。这篇博文可能提供了关于如何开发或...

    密码强度测试demo.zip

    "密码强度测试demo.zip"这个压缩包文件包含了一个简单的示例,用于演示如何使用HTML、JavaScript(可能还包括CSS)来实现一个密码强度检测功能。下面将详细阐述相关知识点。 首先,HTML(HyperText Markup Language...

    密码强度验证

    本资源提供四个不同样式的密码强度验证Demo,供开发者根据实际需求选择或参考。尤其推荐使用Demo2,因为这是作者在自己的项目中实践并验证过的有效方案。 1. **密码强度正则表达式**: 正则表达式是用于匹配字符串...

    passwordStrength的密码强度检测.rar

    在IT行业中,密码强度检测是网络安全的一个重要环节。"passwordStrength的密码强度检测"这个主题主要涉及JavaScript(JS)技术,特别是前端开发中用于增强用户密码安全性的实践。在这个项目中,我们可能会看到一个...

    jquery正则表达式实现动态检测密码输入强度

    在`demo.html`文件中,可能包含了HTML结构,比如一个输入框和一个密码强度指示器。`images`文件夹可能包含用于增强视觉反馈的图片资源,如密码强度条的各个状态的图片。`js`文件夹则可能包含`jQuery`脚本和其他辅助...

    JS密码生成与强度检测完整实例(附demo源码下载)

    为了实现这些检查,示例中可能包含了一个名为`arrPwd`的常见密码列表,用于检测密码是否包含列表中的字符串。此外,函数还检查了密码中的字符分布,并根据字符的种类计算出一个密码强度的简单指数。 示例代码还展示...

    简单通用登录页面模板demo

    这通常涉及到JavaScript或HTML5的内置验证规则,如非空检查、邮箱格式验证、密码强度检测等。CSS可以提供错误提示的样式,如红色边框或警告文本。 6. 忘记密码和注册链接:这些是常见的辅助功能,引导用户找回密码...

    jQuery密码强度检测插件passwordStrength用法实例分析

    本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下: 这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS...

    android注册登录小Demo

    2. 数据验证:在用户点击注册按钮后,应用需要对输入的用户名和密码进行验证,如非空检查、密码强度检测等,这通常通过Java代码实现,可以在Activity的onCreate方法中绑定控件,并为注册按钮设置点击事件监听器。...

    Android手势解锁demo

    - **碰撞检测**:通过计算用户手势路径经过的点与预设点之间的关系,判断是否匹配。 ### 3. 实现手势解锁步骤 1. **初始化点阵**:定义一个二维数组表示点阵,每个点的状态默认为未被触碰。 2. **注册监听器**:在...

    WiFi连接,一个自用小demo

    总之,这个小demo是理解移动设备上WiFi连接管理的一个起点,它涵盖了从基础的网络扫描、连接到高级的网络配置和信号强度检测等知识点。对于想要深入学习这一领域的开发者来说,这是一个非常有价值的参考资源。

    VC写的AES DEMO

    此外,还可以进一步扩展DEMO,比如支持不同的密钥长度、添加错误检测和处理机制,甚至实现更复杂的加密模式,如CBC(链式模式)或CFB(流模式)。 总之,"VC写的AES DEMO"是一个宝贵的教育资源,它将理论知识与实际...

    Android Wifi 基本使用Demo

    Fi扫描结果列表,该列表包含了所有检测到的Wi-Fi接入点的信息,如SSID(服务集标识符,即Wi-Fi名称)、BSSID(基本服务集标识符,即路由器MAC地址)和信号强度等。 4. **连接Wi-Fi**: 要连接到特定的Wi-Fi,首先...

    表单验证demo,包含多种例子

    验证不仅仅是基本的非空、邮箱格式检查,还可以根据业务需求创建自定义验证规则,例如检查密码强度、日期范围等。 综上所述,这个“表单验证demo”涵盖了从基础的HTML5表单特性到高级的JavaScript验证策略,以及...

    passwordDemoTools.rar

    3. 密码分析:通过示例展示密码强度检测,解释为何某些密码更容易被破解。 4. 数字签名与证书:模拟数字签名的生成和验证,以及X.509证书的工作流程。 5. 随机数生成:解释随机性和伪随机性的区别,并演示如何生成...

    jquery验证插件,脚本验证插件

    当前版本外调插件可以实现文件上传检测、密码强度检测和日期控件效果; 支持ajax提交表单数据,也支持ajax实时反馈验证结果(如常见的用户注册表单下的用户名检测); 支持开启网速慢时的二次提交防御(有时连续...

    user-management-demo

    注册过程中可能还涉及到密码强度检测、邮箱验证等安全措施,以确保新用户的账户安全。 接着是**用户登录**。用户管理系统需要提供一个安全的登录接口,通过验证用户名和密码来识别用户。这个过程可能包括了密码的...

    网络测试程序

    OpenSSL是一个强大的安全套接字层密码库,包含各种主要的密码算法、常用的密钥和证书封装管理功能以及SSL协议,并提供丰富的应用程序供测试或其他目的使用。然而,由于其复杂性和广泛的应用,OpenSSL时常成为黑客...

Global site tag (gtag.js) - Google Analytics