Deshabilitar teclado y sólo permitir números en un input

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Con el siguiente código JavaScript conseguiremos realizar una función para deshabilitar el teclado alfanumérico y sólo permitir que los usuarios de nuestra web introduzcan valores numéricos. Esto puede resultar especialmente útil en todos los formularios en los que sólo deseamos que sean introducidos números como valor, como pueden ser: teléfono/fax, código postal, edad…

Para comenzar añadimos el siguiente código dentro de las etiquetas <head></head> de nuestra web:

<script type=”text/javascript”>
function validar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true; //Tecla de retroceso (para poder borrar)
if (tecla==48) return true;
if (tecla==49) return true;
if (tecla==50) return true;
if (tecla==51) return true;
if (tecla==52) return true;
if (tecla==53) return true;
if (tecla==54) return true;
if (tecla==55) return true;
if (tecla==56) return true;
if (tecla==57) return true;
patron = /1/; //ver nota
te = String.fromCharCode(tecla);
return patron.test(te);
}
</script>

Para finalizar, añadimos dentro de las etiquetas <body></body>  lo siguiente:

<input name=”telefono” value=”” onKeyPress=”return validar(event)” maxlength=”9″ />

Recuerda que puedes añadir a este código tantas líneas como desees para habilitar diferentes teclas, como por ejemplo se podría añadir una línea para habilitar los  símbolos de: “,”, “-“, “/” para ello nos tendremos que fijar en su correspondiente número de tecla.

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.