verification date avec affichage image

bonjour à tous je suis débutant an javascript et j'aimerai savoir comment je pourrai faire pour ceci :

un formulaire demande de saisir une date
l'utilisateur saisi la date
une fonction javascript vérifie sur un onchange le format de la date
si le format de la date est correct une petit image s'affiche à coté du champs texte de la date

pour la vérification j'ai vue comment faire mais je ne sais pas du tout comment provoquer l'affichage de l'image quand la bonne synthaxe de la date est détectée...

quelqu'un peut-il m'aider ?

par défaut met une image a coté de ton champs texte comme ceci :

Code:

---

<img src="tonimage" style="visibility:hidden" id="validDate" />

---

puis dans ta méthode qui vérifie si ton format de date est valide :

Code:

---

1 2 3 4

document.getElementById('validDate').style.visibility = "visible" // affiche //ou si tu souhaites la remasquer document.getElementById('validDate').style.visibility = "hidden" // masque

---

salut,
il y a sûrement différente approche possible.
Moi, j'utiliserai une balise <div> avec l'image dedans et attribut display='none'.
Quand la date est vérifiée, je passe l'attribut display='block'.

pourquoi une div ? surcharge inutile ...
je reste sur ma position avec visibility car display , va te faire sortir du flux la place occupée par l'image et peux générer des problèmes de mise en forme ...

Code:

---

document.getElementById('validDate').style.visibility = (testdate())?"visible" :"hiden";

---

ou encore

Code:

---

document.getElementById('validDate').src = (testdate())?"imageOk.jpg" :"imagepasglop.jpg";

---

avec une fonction testdate qui retourne true ou false

+1 pour la méthode de spaffy , elle permet d'utiliser la méthode de test de date sur x champs de type date, sans avoir a passer en paramètre la source, mais uniquement la valeur :)

Citation:

---

pourquoi une div ? surcharge inutile ...
je reste sur ma position avec visibility car display , va te faire sortir du flux la place occupée par l'image et peux générer des problèmes de mise en forme ...

---

oui dans les deux cas, tu as raison... :aie:

ok ca marche impec merci à tous !