Bonjour ^^

Je reviens vers vous pour une petite question

Voilà, j'essaye de dynamiser un peu mon champ d'inscription (ca fait parti de mon apprentissage )

En gros je voulais que dans la partie "email" si l'utilisateur n'a pas mis d'@ alors le cadre serait rouge ou encore, la fameuse petite phrase en rouge qui s'affiche "ce mail n'est pas conforme blablabla"

donc voila la parti js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
var mail = document.getElementById('email');
 
mail.addEventListener('input', validation);
 
function validation(){
    if (!value.includes('@'))
        mail.style.borderColor = 'red'
    else
        mail.style.borderColor ='green'
}
partie html :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<p>
                                <label for="password">Mot de passe :</label>
                                <input type="password" id="password" name="password" placeholder="entrer votre mot de passe" required>
                            </p>

Le souci viens de "value", mais je pensais que c'était quelque chose intuitif avec JS... ça doit être tout bête je suis sur mais bon ^^
Il doit aussi y avoir une manière plus raccourci de faire cela mais je préfère pour le moment bien développer mes codes

Merci