Limiter le nombre de caractère a saisir dans un input

**clairetj** · 12/06/2014, 10h06

Bonjour a toutes et tous

Je suis a la recherche d'un petit renseignement: j'ai créé sur une de mes page web un formulaire. J'ai un élément de ce formulaire que je récupère en 3 parties (trois input text). Je veux mettre un nombre limité de caractères à renseigner et lorsque l'utilisateur à atteint cette limite, je passe à l'input text suivant (un peu lorsque l'on renseigne les numéros de sa carte de crédit lors d'un achat sur le web, on rentre les 4 premiers chiffres dans la première case et une fois les quatre chiffres rentrés, cela passe automatiquement à la case suivante). Avez-vous une idée de la réalisation ?

Cordialement,

**Bovino** · 12/06/2014, 10h11

En tout état de cause, ce n'est pas en HTML que tu peux faire ça...

Message déplacé.

En faisant une recherche, on trouve facilement...

Comment passer automatiquement au champ suivant lorsque la taille maximale du champ en cours est atteinte ?

Ceci dit, c'est un peu bancal comme fonctionnement : que se passera-t-il si quelqu'un fait un copier coller par exemple ?

**iakou** · 12/06/2014, 18h06

Bonjour.

Ci-dessous : Saisie d'un numéro de carte bancaire, par groupe de 4 digits.

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
<html><head> 
     <script type="text/javascript">
     function modification(X)
          {
     if ( X.value.length == 4 )
          {
          chaine = X.getAttribute('id') ;
          indice = chaine.charAt(6) ;
          indice++ ;
          document.getElementById("groupe" + indice).focus()
          }
          }         
     </script>
</head><body onload="document.getElementById('groupe1').focus()"> 
     <FORM>
          <label>Entrez des groupes de 4 chiffres :</label>
          <br><br>
          <input id="groupe1" type="text" size="4" maxlength="4" onkeyup="modification(this)">
          <input id="groupe2" type="text" size="4" maxlength="4" onkeyup="modification(this)">
          <input id="groupe3" type="text" size="4" maxlength="4" onkeyup="modification(this)">
          <input id="groupe4" type="text" size="4" maxlength="4">
     </FORM>
</body></html>