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" } } }Connexion
*Veuillez saisir un mot de passe valide
Probablement votre CSS. Essayez-le :
style.borderColor = 'red';