[Utile]Rajout automatique dans input et verif date

Version imprimable

08/11/2004, 12h58
matpal

[Résolu][Utile]Rajout automatique dans input et verif date

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.
08/11/2004, 13h06
Matthieu2000

Citation:

onKeyup

...
08/11/2004, 14h02
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
08/11/2004, 14h19
pc75

Bonjour,

Sur l'utilisation d'un calendrier ...

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

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

Dans le head :

Code:

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:

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.