【发布时间】:2020-11-16 23:37:45
【问题描述】:
有人可以帮助使用以下 JavaScript。我是编码新手,目前正在使用正则表达式练习密码验证。以下验证不起作用,我不明白为什么,因为我之前在不使用 re 的情况下练习了 pw 验证并且效果很好。
例如: - 如果密码不匹配,则不显示错误消息,表格被接受。 - 如果用户名只包含字母,该表单仍然被接受。
任何帮助/提示都会很棒! (p.s.这个js格式是一个在线导师使用的……不知道为什么它不适合我……但我也有点困惑他为什么按这个顺序写js!)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--<link rel="stylesheet" type="text/css" href="stylesheet.css" > -->
<link type="text/css" rel="stylesheet" href="stylesheet.css">
</head>
<body>
<h1>Using regular expressions</h1>
<form onsubmit="return checkForm(this);">
<p> Username: <input type="text" name="username"/></p>
<p> Password: <input type="password" name="pwd1"/></p>
<p> Confirm Password: <input type="password" name="pwd2"/></p>
<p> <input type="submit"/></p>
</form>
<script>
function checkPassword(str) {
var re = /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).{8}$/;
return re.test(str);
}
function checkForm(form) {
if (form.username.value == "") {
alert("Username cannot be blank!");
form.username.focus();
return false;
}
re = /^\w+$/;
if (!re.test(form.username.value)) {
alert("Username must contain letters, numbers and underscores only");
form.username.focus();
return false;
}
if (form.pwd1.value != "" && form.pwd1.value == form.pwd2.value)
if(!checkPassword(form.pwd1.value)){
alert("Incorrect");
form.pwd1.focus();
return false;
}
alert("You have successfully registered!");
return true;
}
</script>
</body>
</html>
【问题讨论】:
-
请用“不工作”定义你的意思。控制台中是否有任何错误?添加测试用例,说明您认为存在问题的原因。
-
请举一些它不起作用的例子
标签: javascript validation passwords