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

Auteur : Spacefrog
Lien : http://javascript.developpez.com/faq...js#TexteSuivat

Remarque :
Une erreur c'est glissée dans le script proposé. En effet, les éléments sont ciblés par document.getElementById(). Or, dans le code HTML, ce n'est pas l'attribut id qui est utilisé mais name.
D'où cette correction (remplacer name par id) :

Code html : 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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>AutoTab Page</title>
<script language="JavaScript" type="text/JavaScript">
function Autotab(box, longueur, texte)
{
    if (texte.length > longueur-1) {
        document.getElementById('TB'+box).focus();
    }
}
</script>
</head>
<body>
<input type="text" size="5" maxlength="5" length="20" id="TB1"
&nbsp;&nbsp;&nbsp;&nbsp;tabindex="1" onkeyup="Autotab(2, this.size, this.value)"/>
<input type="text" size="2" maxlength="2" id="TB2" tabindex="3"
&nbsp;&nbsp;&nbsp;&nbsp;onkeyup="Autotab(3, this.size, this.value); "/>
<input type="text" maxlength="5" id="TB3" tabindex="2" />
</body>
 
</html>