Habilitar Tecla Tab

cym · #1 (**permalink**) 06/04/2011, 23:49

Hola!!! Quisiera que me ayuden con este código, por favor!!. Tengo un campo en el cuál quiero que solamente se pueda ingresar números (este código lo hace perfecto) pero también quiero que esté habilitado la tecla Tab (la de tabulación) así cuando la presione me pase al campo input para continuar con el llenado del formulario. Espero que se entienda mi pregunta.

Código Javascript:

Ver original<!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=iso-8859-1" />
<title>ejemplo</title>
<script>
function validar(e){
tecla_codigo = (document.all) ? e.keyCode : e.which;
patron =/[0-9]/;
tecla_valor = String.fromCharCode(tecla_codigo);
return patron.test(tecla_valor);
}
</script>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
Solo N&uacute;meros<textarea name="textarea" onkeypress="return validar(event)"></textarea><br/><br/>
Nombre <input></input><br/><br/>
Apellido <input></input>
 
</form>
</body>
</html>

Muchas gracias!!

Panino5001 · #2 (**permalink**) 07/04/2011, 00:27

Probá agregando esta línea debajo de la que repito:

Código PHP:

  tecla_codigo = (document.all) ? e.keyCode : e.which; 
if(tecla_codigo==20)return true;

cym · #3 (**permalink**) 07/04/2011, 13:27

Muchísimas gracias Panino5001 pero no funciona, trate de ponerlo en cualquier posición y no funciona igual :(. Necesito que funcione!!! gracias de todas formas!!!

Panino5001 · #4 (**permalink**) 07/04/2011, 21:59

Fijate así (lo probé y funciona):

Código PHP:

  <!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=iso-8859-1" />
<title>ejemplo</title>
<script>
function validar(e){
tecla_codigo = (document.all) ? e.keyCode : e.which;
if(tecla_codigo==9)return true;
patron =/[0-9]/;
tecla_valor = String.fromCharCode(tecla_codigo);
return patron.test(tecla_valor);
}
</script>
</head>
*
<body>
<form id="form1" name="form1" method="post" action="">
Solo N&uacute;meros<textarea name="textarea" onkeydown="return validar(event)"></textarea><br/><br/>
Nombre <input></input><br/><br/>
Apellido <input></input>
*
</form>
</body>
</html>

(Cambié el condicional y el evento: keydown en vez de keypress)

cym · #5 (**permalink**) 09/04/2011, 00:51

Muchas Gracias Panino!! Tu código funciona perfecto. Encontré este código también, se puede escribir solamente con números, funciona la tecla tab y la tecla de borrado. Para quien lo necesite ambos funcionan perfecto. Muchas gracias de nuevo!!!

Código Javascript:

Ver originalfunction validarnum(e) {
       tecla = e.which || e.keyCode;
       patron = /\d/; // Solo acepta números
       te = String.fromCharCode(tecla);
       return (patron.test(te) || tecla == 9 || tecla == 8);
     }