<p>我需要为随机用户创建登录表单，当密码不正确时，密码框需要变成红色（border-color），当密码正确时，需要变成绿色。你能帮我用Javascript代码吗？如果我有任何错误，请原谅我的英语。谢谢。</p>
<p>我尝试了这个，但颜色没有改变。</p>
<p>
<pre class="brush:js;toolbar:false;">var users = [{
username: 'new_user',
password: "123456789",
}]
function login(email, password) {
var email = document.getElementById("email").value
var password = document.getElementById("password").value
for (var user of users) {
if ((email === user.email || email === user.username) && password === user.password) {
var block = document.querySelector('.nav');
block.style.display = "block"
var errMsg = document.querySelector('.loginForm .errorMessage')
errMsg.style.display = "none"
var form = document.querySelector('.loginForm')
form.style.display = "none"
var name = document.getElementById("user-name")
name.innerHTML = user.name;
loggedUser = user;
clearValue("email");
clearValue("password")
} else {
var errMsg = document.querySelector('.loginForm .errorMessage')
errMsg.style.display = "block"
var passwordBox = document.querySelector(".loginForm input.password")
passwordBox.style.border.color = "red"
}
}
}</pre>
<pre class="brush:html;toolbar:false;"><div id="loginForm" class="loginForm">
<h1>登录</h1>
<input id="email" type="text" class="email" placeholder="电子邮件或用户名">
<input onkeyup="loginOnEnter(event)" id="password" type="password" class="password" placeholder="密码">
<p class="errorMessage">*请输入有效密码</p>
<button onclick="login()" class="login-btn">登录</button>
</div></pre>
</p>
1
897
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
可能是你的CSS。尝试一下：
style.borderColor = 'red';