JavaScript 密码强度验证

2023-11-09 01:00•javascript•阅读 2283

这是一个简洁的神奇的密码强度验证例子！

<script type="text/javascript"> 
var $ = function(v){return document.getElementById(v);} 
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 = "高强"; 
 } 
} 
</script>
<table  >
        <tr>
                <td>密码:<input type="password" size=50 maxlength=20 onkeyup="isSecurity(this.value);"></td>
                <td bgcolor="#EEEEEE" ></td>
                <td >密码强度检测</td>
        </tr>
</table>

上一篇 »【转载】JavaScript实现密码强度检测
下一篇 »linux系统中mysql修改密码报错的问题

JavaScript 密码强度验证

相关推荐

HTML --JS 密码验证

用Javascript评估用户输入密码的强度

JavaScript DOM操作案例判断密码长度

python3 验证用户名密码

javascript记住用户名和登录密码

PHp 密码验证

Linux因Redis服务导致关机慢

javascript判断密码安全级别