java正则验证密码强度_js正则表达式验证密码强度【推荐】

效果图：

代码如下：

验证密码强度

*{margin: 0;padding: 0;}

body{background:#ccc;}

#demo{width:400px;padding:50px;background:#efefef;border: 1px solid #999;line-height:40px;margin:100px auto 0;}

#strength_length{height:6px;width:100px;padding:2px;border: 1px solid #ccc;}

.lv1{background:red;}

.lv2{background:blue;width:200px;}

.lv3{background:green;width:300px;}

密码：

密码强度：

(function(window){

function $(id){

return document.getElementById(id);

};

var arr = ["","低","中","高"];

// 获取对象

var ipt = $("ipt"),strength = $("strength"),strLength = $("strength_length");

// 密码输入事件

ipt.onkeyup = function(){

var s = 0;

var txt = this.value;

if( /[a-zA-Z]/.test(txt) ){

s++;

};

if( /[0-9]/.test(txt) ){

s++;

};

if( /[^0-9a-zA-Z]/.test(txt) ){

s++;

};

if( txt.length <6 ){

s = 0;

};

strength.innerHTML = arr[s];

strLength.className = "lv" + s;

}

})(window)

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！