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 :
partie html :
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' }
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
Partager