Saltar al siguiente campo de texto

[huertas87]

Qué más muchachos, cómo van?

Bueno, tengo mi campo de texto y este tiene un número máximo de carácteres, entonces necesito que cuando se llegue a ese número máximo de carácteres, automaticamente pase al próximo campo de texto. Espero haberme hecho entender.

De antemano gracias

[maycolalvarez]

puedes hacerlo con javascript, el detalle es conocer el siguiente en el orden de tabulación, el cual puedes encontrar de varias formas, entre ellas usando un ciclo con el resultado de document.forms[].elements o document.getElementsByTagName().

PD: reporta el tema si quieres para que lo muevan al de Javascript

[huertas87]

Gracias "maycolalvarez" por contestar

Bueno, espero que muevan el tema a Javascript.

[huertas87]

Pero cómo le digo al script, que el input yá está lleno, y por esto busque el siguiente elemento, que sería un document.getElementsByClassName()

Gracias.

[Dradi7]

puedes usar el evento keyup por ejemplo una vez presionado la tecla validas la longitud de caracteres con el maxlength del control y puedes avanzar asi como menciona maycolalvarez al siguiente control

[huertas87]

Gracias 'Dradi7' por contestar.

Si, funcionaría y ya lo había pensado, pero sucede que el contenido de dicho input no se va a insertar manualmete, sino por medio de un scanner que va a leer un código de barra y va insertar dicho código en el input... por esto seguramente no funcionaría Keyup.

Entonces mi idea era que saltara al otro input apenas el primero tuviera un contenido, solo que no se como comprobar eso con javascript.

Gracias.

[Dradi7]

Bueno en este caso deberías configurar tu scanner o lector de código de barras para que devuelva un tab o un enter después de haber leído el código la mayoría de scanneres o lector de barras traen esto

Saludos

[huertas87]

Mmmm...no puede ser, este no lo trae! y la verdad no creo que se pueda configurar....Yo creería que debe haber un modo de hacerlo desde mi html.

Gracias 'Dradi7'.

[Dradi7]

bueno yo una vez hice una aplicación para un restaurant y el scanner la marca no me acuerdo ya que fue hace bastante tiempo leía el código y lo escribía dentro del campo que obtenía el focus al final lanzaba por ejemplo un ENTER diciendo que ya acabo de escribir y se ejecutaba la funcion que estaba dentro del keyup del campo, esto lo hice probando tanto para aplicaciones de escritorio y web y me funciono.

En todo caso averigua lo del scanner si trae este tipo de configuraciones, de otro modo podría ser realizar un TIMER para que valide cada segundo si el contenido del campo tiene un texto y el caso que lo tuviera lanzara una funcion y terminara el TIMER.

Saludos

[huertas87]

De nuevo gracias por tus respuestas 'Dradi7'

Estaba pensando... en jquery con lenght puedo saber que cantidad de elementos hay en un documento, pero no sé si para el caso del contenido de un input aplica.

Porque si aplicara, podría utilizar algo así

Código Javascript:

if($('#input').val('').length > 10)
{
/////Keyup
}
 

Verdad? no sé si estoy en lo correcto.

[Dradi7]

Iniciado por huertas87

De nuevo gracias por tus respuestas 'Dradi7'

Estaba pensando... en jquery con lenght puedo saber que cantidad de elementos hay en un documento, pero no sé si para el caso del contenido de un input aplica.

Porque si aplicara, podría utilizar algo así

Código Javascript:

if($('#input').val('').length > 10)
{
/////Keyup
}
 

Verdad? no sé si estoy en lo correcto.

Si aplica lo unico que tienes que hacer es poner este codigo dentro de una funcion o evento o lanzarlo como te mencione en tu TIMER

Saludos

[huertas87]

Bueno, funciona!! pero ahora no sé como enviarle el evento TAB, para que pase al tro input

Gracias

[huertas87]

Jejejeje... mentiras ya lo hice funcionar.

Código Javascript:

$(document).ready(function(){
$('#input_1').keyup(function(){
                            
    if($(this).val().length > 7)
        {
            //alert('Funciona!!')
            $('#input_2').focus();
        }
});
});
 

Gracias 'Dradi7' y 'maycolalvarez' por su ayuda.