Autocomplétion / Aide à la saisie

**Eyog74** · 23/05/2007, 11h13

Bonjour à tous !

Je pense être dans le bon forum, je vous expose mon "problème" :

J'ai dans un formulaire de saisie 4 champs censés désigner des heures. Pour être valide, l'heure doit être sous la forme "HH:MM".

A utiliser, c'est pas le top : devoir passer de la majuscule à la minuscule, etc etc. J'aimerai bien que les ":" se mettent automatiquement lorsque l'on saisie 2 chiffres dans le champs.

J'ai effectué quelques recherches sur la saisie automatique, et l'autocomplétion, j'ai seulement eu des résultats concernant les liste de choix qui se génère en fonction de ce qu'on tape.

D'avance merci pour vous pistes, et éventuelles réponses !

**E.Bzz** · 23/05/2007, 11h22

Bonjour,

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
...
function format_heure() {
l_heure = document.getElementById('heure');
if (l_heure.value.length==2) {
if (parseInt(l_heure.value)<0 || parseInt(l_heure.value)>24) {
alert('Heure invalide');
return false;}
else {
l_heure.value += ":";
}
}
}
</script>
</head>
<body>
<input type="text" id="heure" value="" onkeyup="format_heure();">

Te restera la verif finale de validité de l'haure saisie (que tu as déjà, normallement) ...

A+

**Eyog74** · 23/05/2007, 11h28

Merci a toi ! Je teste ca de ce pas

EDIT : Nickel la fonction marche au poil

Encore merci, bonne journée

**Bisûnûrs** · 23/05/2007, 11h36

Essaie de revenir en arrière avec la fonction au-dessus

Code html :

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

<input type="text" onkeyup="test(this)" onkeydown="test(this)" />

Code :

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

1
2
3
4
function test(obj){
   if(obj.value.length == 2)
      obj.value += ":";
}

**Eyog74** · 23/05/2007, 11h44

Oui c'est vrai que si je veux revenir en arrière (effacement), quand j'efface les : il me les remet ^^

Il faut juste prendre sa souris, c'est pas grave, ca facilite déjà beaucoup la saisie.

Je garde la fonction de Bisûnûrs, celle de E.Bzz ne fonctionne que si on a un seul champs heure dans le formulaire (identifié par ID) hors dans certaines pages j'en ai 4.

Le test sur les valeurs se feras par la suite.

Merci

**E.Bzz** · 23/05/2007, 11h50

Envoyé par Eyog74

Je garde la fonction de Bisûnûrs, celle de E.Bzz ne fonctionne que si on a un seul champs heure dans le formulaire (identifié par ID) hors dans certaines pages j'en ai 4.

Code :

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

1
2
3
function format_heure(l_heure) {
if (l_heure.value.length==2) {
...

avec onkeyup="format_heure(this);"

A+

Autocomplétion / Aide à la saisie

JavaScript

Discussions similaires

Partager

Partager