2025年02月21日 建站教程
如何利用js做一个密码强度判断，下面web建站小编给大家介绍一下实现这个功能的js代码！
1、先做一个密码输入框和三个提示按钮（弱、中强）
2、js代码介绍
var text = document.getElementById("text") //密码输入框
var r = document.getElementById("ruo") //弱密码提示
var z = document.getElementById("zhong") //中密码提示
var q = document.getElementById("qiang") //强密码提示
text.onkeyup = function() {
var reg = [];
reg[0] = /[^a-zA-Z0-9]/g //特殊
reg[1] = /[a-zA-Z]/g //字母
reg[2] = /[0-9]/g //数字
var str = text.value;
var len = str.length
var sec = 0; //密码强度
if (len >= 6) {
for (var i = 0; i < reg.length; i++) {
if (str.match(reg[i])) {
sec++
}
}
}
if (sec == 0) {
r.style.backgroundColor = "white"
z.style.backgroundColor = "white"
q.style.backgroundColor = "white"
} else if (sec == 1) {
r.style.backgroundColor = "red"
z.style.backgroundColor = "white"
q.style.backgroundColor = "white"
} else if (sec == 2) {
r.style.backgroundColor = "red"
z.style.backgroundColor = "gold"
q.style.backgroundColor = "white"
} else if (sec == 3) {
r.style.backgroundColor = "red"
z.style.backgroundColor = "red"
q.style.backgroundColor = "red"
}
}
本文链接：http://so.lmcjl.com/news/23582/