Foros del Web » Programando para Internet » Javascript »

Cambiar foco en input text, IP format

Estas en el tema de Cambiar foco en input text, IP format en el foro de Javascript en Foros del Web. hola chicos...quisiera preguntarles algo: necesito cambiar el foco de una input text con javascript o jquery. la cuestion es la siguiente: -son 4 text box(para ...
  #1 (permalink)  
Antiguo 14/06/2010, 10:49
Avatar de _CIM_  
Fecha de Ingreso: junio-2010
Ubicación: Barranquilla - Colombia
Mensajes: 9
Antigüedad: 13 años, 10 meses
Puntos: 0
De acuerdo Cambiar foco en input text, IP format

hola chicos...quisiera preguntarles algo:


necesito cambiar el foco de una input text con javascript o jquery.

la cuestion es la siguiente:

-son 4 text box(para una dir IP), cuando la longitud =3 entonces debe pasar a la siguiente caja de texto,

-solo quiero saber como hago para cambiarle el foco a la siguiente?.

se les agradece de antemano cualquier respuesta...
  #2 (permalink)  
Antiguo 14/06/2010, 14:17
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Cambiar foco en input text, IP format

revisas el length de cada input por el evento onkeyup, y si es >= 3:

document.getElementById('id_del_input_siguiente').focus();
  #3 (permalink)  
Antiguo 14/06/2010, 14:44
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Cambiar foco en input text, IP format

Ya pero si le ponen por ejemplo 4 dígitos con copy&paste y necesita 3 (o eso entendí yo) ya no está validando bien.
Código Javascript:
Ver original
  1. function iP(a,b){
  2.  if(a.value.length==3){
  3.   document.getElementById(b).focus();
  4.  }else{
  5.   if(a.value.length>3){
  6.    alert('Sólo se pueden introducir 3 números');
  7.    return false;//si esque se va a enviar
  8.   }
  9.  }
  10.  return true;
  11. }

Código HTML:
Ver original
  1. <form id='miForm' name='miForm' action='' method='post' onsubmit='return iP();'>
  2.  <input type='text' id='campo1' onkeyup='iP(this, "campo2");' />
  3.  <input type='text' id='campo2' onkeyup='iP(this, "campo3");' />
  4.  <input type='text' id='campo3' onkeyup='iP(this, "campo4");' />
  5.  <input type='text' id='campo4' onkeyup='iP(this, "enviar");' />
  6.  <input type='submit' id='enviar' value='Enviar' />
  7. </form>

Saludos (:
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:46.