js基础之正则验证密码强度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" id="pwd"/>
<button>登录</button>
<script>
const input = document.querySelector("#pwd")
const numReg = /\d+/
const letterReg = /[a-z]+/i
const charReg = /[^0-9a-z]+/i
// 存储三个正则的验证结果
document.querySelector("button").onclick = () => {
const arr = []
const pwd = input.value
arr.push(numReg.test(pwd))
arr.push(letterReg.test(pwd))
arr.push(charReg.test(pwd))
const result = arr.filter((item) => item)
if (result.length === 1) alert("弱")
else if (result.length === 2) alert("中")
if (result.length === 3) alert("强")
}
</script>
</body>
</html>
结果如下: