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