Ir al contenido principal

Validar campo de texto para capturar letras con javascript

Validar un campo de texto para capturar letras se puede lograr mediante el uso del objeto event y el evento onkeydown (Este sucede cuando se pulsa una tecla).

Código:
<script type="text/javascript">
    function prueba(e){
        tecla = e.keyCode || e.which;
        if(tecla>64 && tecla<91){
            alert("Has pulsado una letra ");
        }
    }
</script>
 
<input onkeydown="prueba(event)" type="text">
Demostración :

   <--- Si presionas una letra te sale un mensaje

En este caso cada vez que pulsamos una tecla en el campo de texto se activa automaticamente la función prueba( ) y con el objeto event de argumento.
Ahora dentro de la función prueba( ) se utiliza la propiedad keycode que es el código interno de la tecla pulsada (en el caso de Firefox se usa which por eso se ponen las dos opciones "e.keyCode || e.which") . Ahora cada tecla tiene un código interno pero en este caso sólo queremos aceptar letras desde la 'a' que es 65 hasta la 'z' que es 90.


¿ La letra ñ ?
El código anterior no toma en cuenta la letra ñ ya que su código interno es 192 ,Sin embargo podríamos modificar el condicional de la fúncion prueba quedando el código de la siguiente forma.


Código:
<script type="text/javascript">
    function prueba(e){
        tecla = e.keyCode || e.which;
        if((tecla>64 && tecla<91)||tecla==192){
            alert("Has pulsado una letra ");
        }
    }
</script>
 
<input onkeydown="prueba(event)" type="text">
Demostración :
   <--- En este caso la tecla ñ es considera como letra

Puede ver todos los Keycode en la siguiente tabla mostrada aquí  <------




Comentarios

  1. Muchas Gracias me sirvio muchisimo

    ResponderEliminar
  2. Hola, cuando presionas un numero te sale el mensaje de que solo se permiten letras, ok correcto, pero el numero se queda escrito en el text uncluso si escribo Ronald4 al escribir el 4 me sale el mensaje pero aun asi lo deja en el textbox como puedo hacer para que se borre el caracter que ingrese que no es letra?

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Validar campo de texto sólo letras, números con javascript

En algunos casos necesitaremos que el usuario ingrese solamente letras en un campo de texto, impidiendo así el ingreso de números y caracteres especiales. Gracias a Javascript y HTML esto puede ser posible.   Método 1:  Podemos utilizar el atributo onkeypress devolviendo el valor de false, si es que se escribe un caracter distinto a la cadena que hemos definido (para el ejemplo es " áéíóúabcdefghijklmnñopqrstuvwxyz").   Método 2: Pasos a seguir: Crear una lista con todas las letras permitidas (a,b,c ... etc). Crear una lista de teclas especiales tales como (BackSpace , flecha izquierda, flecha derecha, Supr) estas son teclas permitidas aparte de las teclas permitidas en el primer paso.     Entendiendo el código En la línea 4 la sentencia String.fromCharCode(key) obteniene el caracter presionado por el usuario que añadiendo la sentencia toLowerCase() convertiríamos la letra a minúscula. Con esto guardamos la letra presionada por el us...

Validar campo de texto con javascript

Obligar al usuario a introducir un valor en un campo de texto perteneciente a un formulario se puede hacer de la siguiente manera con javascript. Código < script type = "text/javascript" > function validar () { //obteniendo el valor que se puso en campo text del formulario miCampoTexto = document . getElementById ( "miCampo" ) . value ; //la condición if ( miCampoTexto . length == 0 ) { return false ; } return true ; } </ script > < form action = "mipagina.php" onsubmit = "return validar()" > < input type = "text" id = " miCampo " name = "miCampo" > < br > < input type = "submit" value = "Enviar" > </ form > miCampoTexto.length -> indica el número de caracteres del texto introducido En esta validación los usuarios deben llenar los campos...

La propiedad Disabled en Javascript

Como atributo de un elemento HTML Ejemplo: "Solo añadiendo el atributo disabled". < input type = "button" value = "Desactivado" disabled /> < input type = "text" disabled /> < input type = "button" value = "Boton normal" /> Demostración: El botón y el campo de texto están desactivados Manipulando Disabled usando Javascript Ejemplo 1: Utilizando el "id" del campo de texto en este caso "miText". < script type = "text/javascript" > function Desactivar () { document . getElementById ( 'miText' ) . disabled = true ; } < /script > < input type = "button" value = "Desactivar" onclick = "Desactivar()" / > < input type = "text" id = "miText" / > Demostración: Dándole clic al botón se desactiva el campo de texto. Ejemplo 2:Utilizando el event...