sélection input automatique

Version imprimable

13/02/2013, 15h21
drick35

sélection input automatique
bonjour,
Comment peut on changer la sélection de l'input lorsque celle-ci arrive au maximum du

Code:

maxlength

. Dans l'exemple ci-dessous une fois les 10 chiffres du téléphone rentrés , l'input suivant se sélectionne sans avoir besoin du tab.
Dont-on passé par javascript/mootools?
Code:

1 2 Téléphone <input name="std" class="saisie" tabindex="10" maxlength="10" size="10"/><br /> Ligne direct <br /> <input name="ld" class="saisie" tabindex="11" maxlength="12" size="10"/>
cédric
13/02/2013, 15h38
Bovino

Oui, il faut passer par JavaScript, mais je vois mal l'intérêt de MooTools là-dedans quand une ligne suffit.

Google est notre ami ;)

Voici un petit exemple trouvé en quelques secondes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
  <head>
    <script>
function suivant(enCours, suivant, limite)
  {
  if (enCours.value.length == limite)
    document.code[suivant].focus();
  }
    </script>
  </head>
  <body>
    <form name="code">
      <input type="text" maxlength="4" name="code1" size="4" onKeyUp="suivant(this,'code2', 4)">
      - <input type="text" maxlength="4" name="code2" size="4" onKeyUp="suivant(this,'code3', 4)">
      - <input type="text" maxlength="4" name="code3" size="4" onKeyUp="suivant(this,'code4', 4)">
      - <input type="text" maxlength="4" name="code4" size="4">
    </form>
  </body>
</html>