form focus();

bonjour,

j'ai 2 champs texte avec une date.

Je voudrais vérifier le format de la date et si elle n'est pas bonne que ça m'efface la valeur du champ et me remet le focus dessus.

j'ai mis une fonction sur onblur...

Code:

---

<input type="text" title="Veuillez saisir une date au format JJ/MM/AAAA" name="dateDebut" maxlength="10" size="10" value="" onblur="javascript:validDate(dateDebut);"/>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function validDate(valDate) {if(valDate.value.length<10) { alert('la date n\'est pas au bon format.');   valDate.value=""; document.valDate.value.focus(); return false; } else return true; }

---

l'erreur m'indique que valDate has no properties...
je ne comprends pas...:roll:

Bonjour,
utilise plutôt onchange que onblur, en même temps que tu corriges le reste :

Code:

---

onchange="validDate(this);"

---

Code:

---

1 2 3 4 5 6 7 8 9 10

function validDate(valDate) {if(valDate.value.length<10) { alert('la date n\'est pas au bon format.'); valDate.value=""; valDate.focus(); return false; } else return true; }

---

Pas de "Javascript:" dans les évènements ...

A+

Merci du conseil,
ça fonctionne si j'utilise la touche entrée pour valider mais si j'utilise tab, ça m'efface bien le champ mais le focus passe au champ suivant..:(

Citation:

---

Envoyé par maysa

si j'utilise la touche entrée pour valider mais si j'utilise tab, ça m'efface bien le champ mais le focus passe au champ suivant..:(

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var blnRetourDate = false; function validDate(valDate) {if(valDate.value.length<10) { alert('la date n\'est pas au bon format.'); valDate.value=""; blnRetourDate=true; valDate.focus(); return false; } else { blnRetourDate= false; return true; } }

---

avec

Code:

---

<input type="text" name="champ_suivant" onfocus="if (blnRetourDate) document.getElementById('dateDebut').focus();">

---

en ajoutant un id="dateDebut" à ton champ date.

Mais suivant le fonctionnement de ton écran, ça peut être un peu pénible pour l'utilisateur :mrgreen:

A+

Merci beaucoup, mais rien à faire ! il veut pas de mon .focus();:bug:

Citation:

---

Envoyé par maysa

Merci beaucoup, mais rien à faire ! il veut pas de mon .focus();:bug:

---

Ca se passe pareil qu'avant ?
Fais voir tes adaptations ...

A+

remplace

Code:

---

valDate.focus();

---

par

Code:

---

setTimeout(function() { valDate.focus(); }, 100)

---

Citation:

---

Envoyé par FremyCompany

remplace

Code:

---

valDate.focus();

---

par

Code:

---

setTimeout(function() { valDate.focus(); }, 100)

---

---

Oui c'est ce que j'ai fait, et ça marche :yaisse2:
merci

De rien, simple question d'habitude ;)

Bonne continuation à toi