Discussion :

[matpal]

Bonjour a tous,

Je souhaiterai faire un rajout automatique dans un input. Exemple, l'utilisateur va rentrer la date 08112004 et moi je voudrais qu'il rentre 08/11/2004 alors après le 8 je veux ajouter un / automatiquement et apres 11 aussi!!!!

Est ce possible et si oui comment ?

Merci d'avance de vos réponses.

[Matthieu2000]

onKeyup

...

[SpaceFrog]

ouaips mais une vraie galère à programmer ton truc là il faut vérifier le premier caractère 0 1 2 3 ... puis revérifier le premier en fonction du second car si le premier est un 3 le second ne peut pas être supérieur à 1 ... de même pour le mois...

Passe plutot par un calendrier...
une petite recherche sur google avec "javascript datepicker" te permettra de trouver ton bonheur

[pc75]

Bonjour,

Sur l'utilisation d'un calendrier ...

http://www.developpez.net/forums/vie...252199&start=0

[matpal]

C'est bon. Pour ceux que ca interesse voila le code:

Dans le head :

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
<script language=javascript>
function format_date(frm,chp)
  {
    if ( (document.forms[frm].elements[chp].value).length == 2  || (document.forms[frm].elements[chp].value).length == 5 )
    {
        document.forms[frm].elements[chp].value=document.forms[frm].elements[chp].value+'/';
    }
    if (((document.forms[frm].elements[chp].value).length == 7) && (document.forms[frm].elements[chp].value).substring(6,7) == '0')
    {
    document.forms[frm].elements[chp].value = (document.forms[frm].elements[chp].value).substring(0,6)+'200'
    }
  }
 
 
function valid_date(datejjmmaaaa)
{
    if (datejjmmaaaa != '')
    {
     var dt=datejjmmaaaa.split("/"), date=new Date(dt[2],dt[1]-1,dt[0]);
     return date.getDate()==dt[0]&&date.getMonth()+1==dt[1]&&date.getFullYear()==dt[2]?date:false;
    }
     else return true;
}
 
</script>

Et dans le body :

Code :

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

1
2
3
4
<form name='recherche' method='post' action='recherche_requete.php'>
<strong class="style_titre_champ"><b>Date  debut:</b></strong<br>
 <input type="text" name="date_debut" size="12" MAXLENGTH=10 onkeyup = format_date('recherche','date_debut'); onFocusOut = "valid_date(this.value)?'':alert('Date de début invalide');">
</form>

Cela permet a l'utilisateur de taper 010104 et ca écrit dans le input 01/01/2004 et apres ca vérifie la date ( même année bissextile )en sortant du champ et affiche date de début invalide si elle n'est pas bonne.

Voila bonne continuation a tous et merci pour vos réponses.