Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 验证密码强度的例子

js 验证密码强度的例子

发布时间:2015-01-26   编辑:www.jquerycn.cn
本文分享下,js实现的验证密码强度的一个例子,供大家学习参考。用到了js 正则,值得学习借鉴。

用js验证密码的强度,代码如下:
1,js代码部分

<script>
/**
* 检测密码的强度
* by www.jbxue.com
*/
function isSecurity(v){
if (v.length < 3){iss.reset();return;}
var lv = -1;
if (v.match(/[a-z]/ig)){lv++;}
if (v.match(/[0-9]/ig)){lv++;}
if (v.match(/(.[^a-z0-9])/ig)){lv++;}
if (v.length < 6 && lv > 0){lv--;}
iss.reset();
switch(lv)
{
case 0:
iss.level0();
break;
case 1:
iss.level1();
break;
case 2:
iss.level2();
break;
default:
iss.reset();
}
}
var iss = {
color:["CC0000","FFCC33","66CC00","CCCCCC"],
text:["弱","中","强"],
    width:["50","100","150","10"],
reset:function(){
$("B").style.backgroundColor = iss.color[3];
      $("B").style.width = iss.width[3];
$("A").innerHTML = "验证试中";

},
level0:function(){
$("B").style.backgroundColor = iss.color[0];
      $("B").style.width = iss.width[0];
      $("A").innerHTML = "较弱"; 
},
level1:function(){
$("B").style.backgroundColor = iss.color[1];
      $("B").style.width = iss.width[1];
$("A").innerHTML = "中";
},
level2:function(){
$("B").style.backgroundColor = iss.color[2];
      $("B").style.width = iss.width[2];
$("A").innerHTML = "高强";

}
}
var $ = function(v){return document.getElementById(v);}
</script>

2,html部分

<input type=password name=password size=25 maxlength=20 onkeyup="isSecurity(this.value);">
<font class=red id=A>密码强度</font>
<table  height="8" border="1" align="left" cellpadding="0" cellspacing="0" bordercolor="#EEEEEE" style="border-collapse:collapse;">
<tr>
<td bgcolor="#EEEEEE" width="1" align="center" valign="middle" id="B"></td>
</table> 

您可能感兴趣的文章:
js 验证密码强度的例子
js验证密码强度的脚本
JS验证密码强度的实例代码
JS检测密码强度(密码过短、密码强度良好、密码强度高)
js验证密码强度的一段代码(图文)
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
js检测密码强度的代码(附效果图)
js 用户注册验证密码强度的代码
js检测密码强度 js验证密码强度的原生代码
有关discuz程序中PHP加密函数的原理分析

[关闭]