使用正则表达式验证 Javascript 密码
[英]Javascript password validation with regular expression
问题描述
我尝试使用以下条件验证密码字段，如果满足要求，密码字段应将其颜色更改为绿色，否则应为红色： 一个小写字符 一个大写字符 一个数字 一个特殊字符 最少 8 个字符我尝试过正则表达式，但不知何故，即使我输入了具有所有要求的密码，它也只会使它变红。 任何的想法？
let passwordField = document.getElementById("password");
passwordField.addEventListener("focusout", () => {
let checkPass =
/^(?=.*[a-z])(?=.*[A-Z])(?=.*d)(?=.*[@$!%*?&])[A-Za-zd@$!%*?&]{8,}$/;
if (checkPass.test(password.value)) {
passwordField.style.backgroundColor = "green";
console.log("green");
} else {
passwordField.style.backgroundColor = "red";
console.log("red");
}
});
2 个解决方案
解决方案1
0 已采纳 2021-07-30 13:41:54
正则表达式应该是：
^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})
在哪里：
- 较低的字符 =
(?=.*[az]) - 上字符 =
(?=.*[AZ]) - 1 个数字 =
(?=.*[0-9]) - 特殊字符 =
(?=.*[!@#\\$%\\^&\\*]) - 最小长度为 8 =
(?=.{8,})
let passwordField = document.getElementById("password"); passwordField.addEventListener("focusout", () => { let checkPass = new RegExp("^(?=.*[az])(?=.*[AZ])(?=.*[0-9])(?=.*[!@#\\$%\\^&\\*])(?=.{8,})"); if (checkPass.test(password.value)) { passwordField.style.backgroundColor = "green"; console.log("green"); } else { passwordField.style.backgroundColor = "red"; console.log("red"); } });
<input id="password" />
结果是：
解决方案2
0 2021-07-30 14:10:13
请检查这个，它和你想要的完全一样
let passwordField = document.getElementById("password"); passwordField.addEventListener("focusout", () => { var decimal= /^(?=.*\\d)(?=.*[!@#$%^&*])(?=.*[az])(?=.*[AZ]).{8,}$/; if (passwordField.value.match(decimal)) { passwordField.style.backgroundColor = "green"; console.log("green"); } else { passwordField.style.backgroundColor = "red"; console.log("red"); } }); <!DOCTYPE html> <html lang="en"> <head> <title>Password</title> </head> <body> <h1>This is a password validation</h1> <input id="password" /> </body> </html>
Javascript 具有特殊字符的正则表达式密码验证
[英]Javascript regular expression password validation having special characters
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.