`
netxdiy
  • 浏览: 679131 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

一个JS密码强度验证插件

 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <script language=javascript> //CharMode函数 //测试某个字符是属于哪一类 function CharMode(iN) { if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90) //大写字母 return 2; if (iN>=97 && iN <=122) //小写 return 4; else return 8; //特殊字符 }

//bitTotal函数 //计算出当前密码当中一共有多少种模式 function bitTotal(num) { modes=0; for (i=0;i<4;i++) { if (num & 1) modes++; num>>>=1; } return modes; }

//checkStrong函数 //返回密码的强度级别 function checkStrong(sPW) { if (sPW.length<=6) return 0; //密码太短 Modes=0; for (i=0;i<sPW.length;i++) { //测试每一个字符的类别并统计一共有多少种模式 Modes|=CharMode(sPW.charCodeAt(i)); } //alert(sPW.length); return bitTotal(Modes); }

//pwStrength函数 //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色

function pwStrength(pwd) { O_color="#eeeeee"; L_color="#FF0000"; M_color="#FF9900"; H_color="#33CC00"; if (pwd==null||pwd==''){ Lcolor=Mcolor=Hcolor=O_color; } else { S_level=checkStrong(pwd); switch(S_level) { case 0://最强 Lcolor=Mcolor=Hcolor=O_color; case 1://最弱 Lcolor=L_color; Mcolor=Hcolor=O_color; break; case 2://中等 Lcolor=Mcolor=M_color; Hcolor=O_color; break; default://默认 Lcolor=Mcolor=Hcolor=H_color; } } document.getElementById("strength_L").style.background=Lcolor; document.getElementById("strength_M").style.background=Mcolor; document.getElementById("strength_H").style.background=Hcolor; return; } </script> </HEAD>

<BODY> <form name="form1" action=""> 输入密码:<input type="password" size="20" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)" /> <br>密码强度: <table width="200px" height="25" border="0" cellspacing="0" cellpadding="1" bordercolor="#cccccc" style='font-size:12px'> <tr align="center" bgcolor="#eeeeee"> <td width="33%" id="strength_L">弱</td> <td width="33%" id="strength_M">中</td> <td width="33%" id="strength_H">强</td> </tr> </table> </form> </BODY> </HTML>

分享到:
评论

相关推荐

    jQuery制作密码强度验证插件

    jQuery制作密码强度验证插件 演示地址:http://www.xwcms.net/js/bddm/90634.html

    Js验证密码强弱jquery插件版实例

    摘要:脚本资源,jQuery,密码强度检测 jQuery验证密码强弱,使用了一个基于jQuery的封装插件,在用户输入密码的时候,适时显示密码是否安全。  password_strength_plugin.js完成核心的密码强度检测。  在网页中,...

    jQuery密码强度验证插件

    jQuery密码强度验证插件

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

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

    jQuery formValidator表单验证插件4.1.3提供下载

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    jQuery密码强度检测高级版代码.zip

    jQuery密码强度检测高级版代码是一款支持各种不同提醒的jQuery密码强度验证代码,根据密码强度等级页面背景变色功能,效果非常赞。

    密码强弱度检测万能插件

    密码强弱度检测万能插件,js的,验证密码输入的强度 1分是象征性的收取,CSDN的分不好赚没办法,大家下了后评价一下就加1分,等于是免费下载的

    jQuery验证注册表单的密码强弱特效代码.rar

    jQuery验证密码强弱,使用了一个基于jQuery的封装插件,在用户输入密码的时候,适时显示密码是否安全。 password_strength_plugin.js完成核心的密码强度检测。 在网页中,检测密码强度是一个重要的概念,关系到每...

    Validform前端表单验证

    Validform前端表单验证,里面包含了源代码,以及对应表单验证的例子,和日期插件,密码强度插件,上传文件插件

    程序天下:JavaScript实例自学手册

    16.14 密码强度检查 16.15 身份证的验证 16.16 JavaScript生成验证码 16.17 JavaScript生成验证码(二) 第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条...

    《程序天下:JavaScript实例自学手册》光盘源码

    16.14 密码强度检查 16.15 身份证的验证 16.16 JavaScript生成验证码 16.17 JavaScript生成验证码(二) 第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条...

    chudacontreras-registration_validation

    该插件是 function90 插件 ( ) 的一个分支,由 Mario Fernandez (ceeck65) ( ) 适应委内瑞拉的需求. 由我修改以适应,非常特别。 用户注册时需要。 名称将被验证,它不包含数字并且大于 4 个字符。 在 ID 或 ...

    2023最新全功能版在线WEB工具箱PHP源码

    密码强度检查工具。弹头生成器工具。HTML 压缩工具。CSS 缩小工具。JS 压缩工具。用户代理解析器工具。 网站托管检查工具。字符计数器工具。URL 解析器工具。颜色转换工具。HTTP 标头查找工具。重复线去除工具。...

    Socialified v2.3 Flutter社交媒体类脸书应用程序源代码为iOS和Android应用程序项目源码

    密码强度检查器 新帐户的OTP验证 Faceid/touch id 更新简档 拉取刷新 搜索用户 搜索主题标签 关注取消关注配置文件 发布时间轴 搜索职位 举报帖 保存帖子 喜欢后 后期调查 分享帖 照片和视频帖子 喜欢...

    2023最新全功能版在线WEB工具箱PHP源码 66toolkit.zip

    密码强度检查工具。弹头生成器工具。HTML 压缩工具。CSS 缩小工具。JS 压缩工具。用户代理解析器工具。 网站托管检查工具。字符计数器工具。URL 解析器工具。颜色转换工具。HTTP 标头查找工具。重复线去除工具。...

    多功能版在线WEB工具箱PHP源码带后台安装版

    多功能版在线WEB工具箱PHP源码带后台安装版,一个多功能的Web工具PHP脚本,适用于日常任务和开发人员。 DNS 查找工具。IP 查找工具。SSL 查找工具。Whois 查询工具。Ping工具。MD5 生成器工具。Base64 转换工具。...

    xBrowserSync-crx插件

    “读取和更改所有网站数据”现在是可选的,并且在“设置”面板中添加了选项•密码验证时大大改进了创造新的同步:显示更准确的密码强度表,警告和建议,以帮助用户选择更有效的密码和宽松的验证规则,从而使用户可以...

    ecshop完美商城程序.v2.5

    [变更]对管理员密码进行了强度的验证 [变更]邮件服务器设置从商店设置中独立出来并进行改进 [变更]sitemaps文件现在放在根目录下了 [变更]后台添加、编辑订单时,收货地址不再限制必须选择3级 [变更]虚拟卡现在作为...

Global site tag (gtag.js) - Google Analytics