[SOLUCIONADO] Salto de input al llenarlo

rachpts · #1 (**permalink**) 08/09/2014, 10:52

Amigos tengo varios input donde cada uno son de diferentes valores, quiero que al rellenarlo con los valores que se le piden se brinque al siguiente input, por ejemplo si en mi primer input me deja ingresar solo dos valores, al completarlos que se pase en automático al siguiente input sin presionar ninguna tecla

ocp001a · #2 (**permalink**) 08/09/2014, 12:15

Podrías usar el evento onkeyup en cada input.

Al presionar una tecla en un input, verificar si la longitud del campo es del tamaño que quieres, hacer un focus() al campo siguiente.

IsaBelM · #3 (**permalink**) 08/09/2014, 13:40

a ver si esto te sirve

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
function tabular(obj, tam) {
var frm=obj.form;
var largo = obj.value.length;
if (largo == tam) {
for(i=0;i<frm.elements.length;i++) {
if(frm.elements[i]==obj) {
if (i==frm.elements.length-1) { i=-1; }
break;
}
}

frm.elements[i+1].focus();
return false;

}
}
</script>
</head>
<body>
<form>
<input type="text" maxlength="2" onkeypress="return tabular(this, this.maxLength)" />
<input type="text" maxlength="2" onkeypress="return tabular(this, this.maxLength)" />
<input type="text" maxlength="3" onkeypress="return tabular(this, this.maxLength)" />
<input type="text" maxlength="4" onkeypress="return tabular(this, this.maxLength)" />
</form>
</body>
</html>

rachpts · #4 (**permalink**) 09/09/2014, 08:27

Hola muchas gracias a los dos por responder, gracias Isabel es justo lo que necesitaba te agradezco infinitamente :)