我想调用一个基于文本输入的函数.这是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.message {
margin-top: 10px;
color: red;
}
</style>
</head>
<body>
<div id="uppercase" class="message">Must contain at least one uppercase letter</div>
<div id="lowercase" class="message">Must contain at least one lowercase letter</div>
<div id="numeric" class="message">Must contain at least one numeric digit</div>
<div id="specialchar" class="message">Must contain at least one special character</div>
<script>
function checkPassword() {
var password = document.getElementById("P99_NEW_PASSWORD").value;
var uppercaseMessage = document.getElementById("uppercase");
var lowercaseMessage = document.getElementById("lowercase");
var numericMessage = document.getElementById("numeric");
var specialcharMessage = document.getElementById("specialchar");
// Reset messages
uppercaseMessage.style.color = "red";
lowercaseMessage.style.color = "red";
numericMessage.style.color = "red";
specialcharMessage.style.color = "red";
// Check conditions
if (/[A-Z]/.test(password)) {
uppercaseMessage.style.color = "green";
}
if (/[a-z]/.test(password)) {
lowercaseMessage.style.color = "green";
}
if (/\d/.test(password)) {
numericMessage.style.color = "green";
}
if (/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
specialcharMessage.style.color = "green";
}
}
</script>
</body>
</html>
And this is how it looks like:
我想做的是,当用户在New Password字段中输入密码(即P99_NEW_PASSWORD)时,将调用check Password().但是,我不知道该放什么/放在哪里来调用check Password()函数. 有人能帮忙解决这个问题吗?先谢谢你.