Pourquoi la couleur de ma bordure ne peut-elle pas être modifiée ?

Question

Je dois créer un formulaire de connexion pour un utilisateur aléatoire et lorsque le mot de passe est incorrect, la zone du mot de passe doit devenir rouge (couleur de la bordure) et lorsque le mot de passe est correct, elle doit devenir verte. Pouvez-vous m'aider avec le code Javascript ? Si je fais des erreurs, veuillez pardonner mon anglais. Merci.

J'ai essayé mais la couleur n'a pas changé.

var utilisateurs = [{
  nom d'utilisateur : 'nouvel_utilisateur',
  mot de passe : "123456789",
}]


fonction login (email, mot de passe) {
  var email = document.getElementById("email").value
  var mot de passe = document.getElementById("mot de passe").value

  pour (var utilisateur des utilisateurs) {

    if ((email === user.email || email === user.username) && password === user.password) {
      var block = document.querySelector('.nav');
      block.style.display = "bloquer"
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "aucun"
      var form = document.querySelector('.loginForm')
      form.style.display = "aucun"
      var nom = document.getElementById("nom d'utilisateur")
      nom.innerHTML = utilisateur.nom;
      utilisateur connecté = utilisateur ;
      clearValue("e-mail");
      clearValue("mot de passe")
    } autre {
      var errMsg = document.querySelector('.loginForm .errorMessage')
      errMsg.style.display = "bloquer"
      var passwordBox = document.querySelector(".loginForm input.password")
      passwordBox.style.border.color = "rouge"
    }
  }
}</pré>
<pre class="brush:html;toolbar:false;"><div id="loginForm" class="loginForm">
  <h1>Connexion</h1>
  <input id="email" type="text" class="email" placeholder="email ou nom d'utilisateur">
  <input onkeyup="loginOnEnter(event)" id="password" type="password" class="password" placeholder="password">
  <p class="errorMessage">*Veuillez saisir un mot de passe valide</p>
  <button onclick="login()" class="login-btn">Connexion</button>
</div>

Answer 1

Probablement votre CSS. Essayez-le :

style.borderColor = 'red';