Warum kann die Farbe meines Rahmenrahmens nicht geändert werden?

Question

Ich muss ein Anmeldeformular für einen zufälligen Benutzer erstellen. Wenn das Passwort falsch ist, muss das Passwortfeld rot (Randfarbe) werden, und wenn das Passwort korrekt ist, muss es grün werden. Können Sie mir mit dem Javascript-Code helfen? Wenn ich Fehler mache, verzeihen Sie mir bitte mein Englisch. Danke.

Ich habe es versucht, aber die Farbe hat sich nicht geändert.

var users = [{
  Benutzername: 'new_user',
  Passwort: „123456789“,
}]


Funktionsanmeldung (E-Mail, Passwort) {
  var email = document.getElementById("email").value
  var passwort = document.getElementById("password").value

  for (var Benutzer von Benutzern) {

    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("Benutzername")
      name.innerHTML = user.name;
      loggedUser = Benutzer;
      clearValue("email");
      clearValue("Passwort")
    } anders {
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "block"
      var passwortBox = document.querySelector(".loginForm input.password")
      passwortBox.style.border.color = "rot"
    }
  }
}

<div id="loginForm" class="loginForm">
  <h1>Anmelden</h1>
  <input id="email" type="text" class="email" placeholder="email or username">
  <input onkeyup="loginOnEnter(event)" id="password" type="password" class="password" placeholder="password">
  <p class="errorMessage">*Bitte geben Sie ein gültiges Passwort ein</p>
  <button onclick="login()" class="login-btn">Anmelden</button>
</div>

Answer 1

可能是你的CSS。尝试一下：

style.borderColor = 'red';