来自 服务器&运维 2019-12-13 05:44 的文章
当前位置: 澳门威尼斯人平台 > 服务器&运维 > 正文

js密码强度检测_javascript技巧_脚本之家

最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度。今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求。

最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度。今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求。 html 代码如下: 复制代码 代码如下:

本文实例讲解了js密码强度检测的实现代码,分享给大家供大家参考,具体内容如下

现在很多论坛和博客都在用户注册时添加了验证密码强度的功能,在以前的文章中,我们曾经给出过一段检验密码强度的例子,今天再看一个与《js密码强度校验》的代码。

 密码强度  #passStrength{height:6px;width:120px;border:1px solid #ccc;padding:2px;} .strengthLv1{background:red;height:6px;width:40px;} .strengthLv2{background:orange;height:6px;width:80px;} .strengthLv3{background:green;height:6px;width:120px;}    密码强度:  new PasswordStrength('pass','passStrength');

function PasswordStrength(passwordID,strengthID){ this.init; var _this = this; document.getElementById.onkeyup = function(){ _this.checkStrength; }};PasswordStrength.prototype.init = function{ var id = document.getElementById; var div = document.createElement; var strong = document.createElement; this.oStrength = id.appendChild; this.oStrengthTxt = id.parentNode.appendChild;};PasswordStrength.prototype.checkStrength = function { var aLvTxt = ['','低','中','高']; var lv = 0; if{lv++;} if{lv++;} if(val.match{lv++;} if{lv=0;} if{lv=3;} this.oStrength.className = 'strengthLv' + lv; this.oStrengthTxt.innerHTML = aLvTxt[lv];};

密码强度

这段JavaScript代码比较实用,它完成用户注册时判断用户输入密码的强度,分强、弱、中三等级,它可以根据用户输入的密码显示对应的密码强弱等级,方便用户改进输入。

//CharMode函数//测试某个字符是属于哪一类.function CharMode{ if  //数字 return 1; if  //大写字母 return 2; if  //小写 return 4; else return 8; //特殊字符}//bitTotal函数//计算出当前密码当中一共有多少种模式function bitTotal{ modes=0; for { if  modes++; num /= 2; } return modes;}//checkStrong函数//返回密码的强度级别function checkStrong{ if  return 0; //密码太短 Modes=0; for { //测试每一个字符的类别并统计一共有多少种模式. Modes|=CharMode; } return bitTotal;}//pwStrength函数//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色function pwStrength{ O_color="#eeeeee"; L_color="#FF0000"; M_color="#FF9900"; H_color="#33CC00"; if { Lcolor=Mcolor=Hcolor=O_color; }else{ S_level=checkStrong { 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.style.background=Lcolor; document.getElementById.style.background=Mcolor; document.getElementById.style.background=Hcolor;}

本文由澳门威尼斯人平台发布于服务器&运维,转载请注明出处:js密码强度检测_javascript技巧_脚本之家

关键词: