Mise à jour automatique d'un champs date

**chtom** · 27/01/2009, 11h16

Bonjour,

Je souhaite formater automatiquement un champs de formulaire en sortie de zone mais j'y arrive pas...
Le champs de saisi doit normalement contenir une date.
Les formats acceptés pour le formatage automatique sont les suivants :
JJMMYY
JJ/MM/YY
JJMMYYYY
JJ/MM/YYYY

Si la valeur saisie est dans un de ces quatre formats, je cherche à mettre à jour la zone avec la valeur JJ/MM/YYYY. Sinon, je laisse la saisie comme tel.

Quelqu'un pourrait-il m'aider ?

Merci.

**SpaceFrog** · 27/01/2009, 13h48

tu as un debut de code ?

**chtom** · 27/01/2009, 17h45

Envoyé par SpaceFrog

tu as un debut de code ?

Oui... Le voici :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
function FormatDate(zone, d) {
var separateur='/';	
var ok=0;
if (d.length == 6)
{
	var j=(d.substring(0,2));
	var m=(d.substring(2,4));
	var a=(d.substring(4));
	ok=1;
}
else if (d.length == 8)
{
	if (d.substring(2,3) == separateur)
	{
		var j=(d.substring(0,2));
		var m=(d.substring(3,5));
		var a=(d.substring(6));
		ok=1;	
	}
	else
	{
		var j=(d.substring(0,2));
		var m=(d.substring(2,4));
		var a=(d.substring(5));
		ok=1;		
	}
}
else if (d.length == 10)
{
	var j=(d.substring(0,2));
	var m=(d.substring(3,5));
	var a=(d.substring(6));
	ok=1;	
}
 
 
if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1)) {ok=0;} 
if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1)) {ok=0;}
if ( isNaN(a) && (ok==1) ) {ok=0;} else {if (a < 100) {if (a < 10) a = (a + 2000); else a = (a + 1900);}}
	zone.value = a;
if (ok==1) {
  var d2=new Date(a,m-1,j);
  j2=d2.getDate();
  m2=d2.getMonth()+1;
  a2=d2.getFullYear();  
 
  if ( (j!=j2)||(m!=m2)||(a!=a2) ){ok=0;}  
  else
  	{zone.value = j2 + separateur + m2 + separateur + a2;
  		}
 }
 
return ok;
}

Marche pas pour l'instant mais il doit pas manquer grand chose : je cherche plus a le faire fonctionner...
Je préfèrerais gérer le problème avec les expressions régulière mais j'y comprends rien

A moins que tu ne pense que ma 1ère direction est la bonne ?

En tout cas merci de m'avoir répondu.

**SpaceFrog** · 27/01/2009, 19h13

oulà ...
mieux vaux passer par une bonne veille expession régulière ...
tu ferait d'une pierre deux coup : le teste de foramt et la decomposition avec la même regExp
je jette un oeil dessus demain

la regExp donnerait ça :

Code :

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

^(\d{2})/?(\d{2})/?(\d{2}\d{2}?)$

après pour tester par rapport a ce pattern et manipuler l'expression je vois ça demain
[edit] heu pas de backrefs ici ^^

il faudra ensuite verifier en plus si il s'agit bien d'une date

**chtom** · 28/01/2009, 09h30

Bonjour,

Merci de ta réponse.
Peux-tu me dire comment exploiter cette expression régulière ?
Comment récupérer le jour, le mois et l'année ?

Merci encore.

**SpaceFrog** · 28/01/2009, 09h57

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
 
regDate=new RegExp(/^(\d{2})\/?(\d{2})\/?(\d{2}\d{2}?)$/) ;
function verif(){
Chaine=document.getElementById('indate').value;
alert(Chaine)
if(!regDate.test(Chaine)){alert('format de date non reconnu !');
                          return false;
                          }
else{ Chaine.match(regDate);
      formatDate=RegExp.$1+"/"+RegExp.$2+"/"+RegExp.$3;
      document.getElementById('outdate').innerHTML=formatDate;
      }
}
</script>
 
</head>
 
<body>
<input type='text' id='indate' />
<input type="button" onclick="verif()" value="check date" /><br />
<span id="outdate"></span>
</body>

Attention cela ne vérifie que le format ! pas l'exactitude de la date !!
on peut saisir 99/99/9999 !
il faut coupler cela avec une autre vérifiaction verification dans le else

Mise à jour automatique d'un champs date

JavaScript

Vue hybride

Discussions similaires

Partager

Partager