Discussion :

[maysa]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[E.Bzz]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="validDate(this);"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

[maysa]

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..

[E.Bzz]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

A+

[maysa]

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

[E.Bzz]

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

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

A+

[FremyCompany]

remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

valDate.focus();

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[maysa]

remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

valDate.focus();

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[FremyCompany]

De rien, simple question d'habitude

Bonne continuation à toi