Salto automático a siguiente input

[mariogl84]

Hola.

Necesito que al rellenar un input tipo texto salte automáticamente al siguiente input (cada input tiene un límite de caracteres, al alcanzar el límite, debería pasar al siguiente). Es para introducir fechas más cómodamente, sin tener que pulsar tabulador. ¿Sabéis si hay alguna manera de hacer esto sin tener que construir una función que detecte que se ha rellenado entero?

Gracias.

[JavierB]

Hola mariogl84

Intentalo así:

Código:

<input type="text" maxlength="5" onkeyup="if (this.value.length == this.getAttribute('maxlength')) txt.focus()" />
<input type="text" name="txt" />

Saludos,

[mariogl84]

Muchas gracias, JavierB, es lo que necesitaba.

[mariogl84]

Hola. Retomo este tema porque tras haber implementado el código me encuentro con otro problema.

Tengo los campos con sus datos introducidos. Ahora vuelvo a alguno para cambiar el valor que había introducido. Si tecleo el contenido despacio, hace el salto al siguiente campo bien, pero si lo tecleo rápido, se salta dos campos. Supongo que es porque no da tiempo a vaciarse el buffer del teclado, y cuando el foco cae sobre el segundo campo, éste cree que se ha pulsado una tecla, y dispara el evento.

¿Cómo podría solucionarlo?

Gracias.

[xcars]

Iniciado por mariogl84

Hola. Retomo este tema porque tras haber implementado el código me encuentro con otro problema.

Tengo los campos con sus datos introducidos. Ahora vuelvo a alguno para cambiar el valor que había introducido. Si tecleo el contenido despacio, hace el salto al siguiente campo bien, pero si lo tecleo rápido, se salta dos campos. Supongo que es porque no da tiempo a vaciarse el buffer del teclado, y cuando el foco cae sobre el segundo campo, éste cree que se ha pulsado una tecla, y dispara el evento.

¿Cómo podría solucionarlo?

Gracias.

bueno, no tengo la solucion a tu inquietud, pero si debo decirte que la teoria nos dice que estos "saltos automaticos" no se deberian de hacer.

[mariogl84]

Sí, supongo que la teoría lo dice, pero a mí me está pasando en mis propias carnes. Éste es el código:

Código:

<input name="fecha_dia" type="text" id="fecha_dia" size="2" maxlength="2" onkeyup="if (this.value.length == this.getAttribute('maxlength')) { if (event.keyCode!=9) { getElementById('fecha_mes').focus(); } }">
  / 
  <input name="fecha_mes" type="text" id="fecha_mes" size="2" maxlength="2" onkeyup="if (this.value.length == this.getAttribute('maxlength')) { if (event.keyCode!=9) { getElementById('fecha_anio').focus(); } }">
  /
  <input name="fecha_anio" type="text" id="fecha_anio" size="4" maxlength="4"> 
  (dd/mm/aaaa)

Si lo probáis, veréis que al escribir los dos dígitos salta al siguiente campo (hasta aquí bien). Pero si, una vez relleno, volvéis a editar el contenido de uno de los campos, pasa lo que os comentaba: si los tecláis rápidamente, se salta dos campos.

[xcars]

a mi me funciono bien, quiza escribis 3 digitos, lo que deberias hacer para probar, es que cuando pases de input a input lo seleccione todo para probar el error mejor.

[mariogl84]

Pues no, escribo dos dígitos .

lo que deberias hacer para probar, es que cuando pases de input a input lo seleccione todo para probar el error mejor.

Esto no lo entiendo bien...

[JavierB]

Hola mariogl84

Si en el primer campo tienes escrito 25 y en el segundo 36, cuando editas el primero al escribir 3 dígitos lo que ocurre es que con los 2 primeros pasa al segundo y con el 3º dígito, como el segundo campo ya tiene el máximo de 2, se salta al tercer campo.

No se si lo he explicado bien y si esa es la duda que tienes.

Saludos,

[mariogl84]

No, si el problema es que no escribo 3 dígitos, sino 2. Si en el primer campo tengo 25 y en el segundo 36, y edito el primero, lo que ocurre es que si escribo un 12 (por ejemplo) despacio, me salta al siguiente, pero si lo escribo rápido, me salta dos campos.