Forcer le format de saisie d'un champ

**shaun_the_sheep** · 05/05/2008, 16h30

Bonjour,

je fais saisir des heures dans un formulaire , le format impos� est HH:MM et j'aimerai forcer ce format de saisi.

quelqu'un a t'il une id�e ?

Merci

**SpaceFrog** · 05/05/2008, 16h55

sur un onkeyup ou en verification avant submit ?

le premier rique d'�tre un peu tricky

**shaun_the_sheep** · 05/05/2008, 17h01

en faite je pense que le mieux est sur le onkeyup .

merci

**SpaceFrog** · 05/05/2008, 17h13

�a va �tre coton ...

je vois un regExp ... mais pas de la tarte ...

en plus sur le onkeyup faut gerer les insertions ou effacement en mileu de chaine ...

le plus simple est encore d'imposer :

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
<script type="text/javascript">
function foo(){
var SelHours=document.getElementById('hours');
for(i=0;i<24;i++){
var heure="0"
var OptHour=document.createElement('option');
OptHour.innerHTML=(i<10)?"0"+i:i.toString();
OptHour.value=OptHour.innerHTML;
SelHours.appendChild(OptHour);
}
 
 
var SelMins=document.getElementById('minutes');
for(i=0;i<60;i++){
var heure="0"
var OptMin=document.createElement('option');
OptMin.innerHTML=(i<10)?"0"+i:i.toString();
OptMin.value=OptMin.innerHTML;
SelMins.appendChild(OptMin);
}
 
 
 
}
 
 
 
</script>
 
</head>
<body onload='foo()'>
<div style="padding-top:50px;width:auto;float:left;">Time:&nbsp;<select id='hours' size="2"  style="width:40px;height:22px;" ></select>h&nbsp;<strong>:</strong></div>
<div style="padding-top:50px;width:auto;float:left;">&nbsp;<select id='minutes' size="2"  style="width:40px;height:22px;"></select>min.</div>