website stats » Admitir solo letras y números en un campo | Solo Código |

Admitir solo letras y números en un campo

Escrito por J.F. el Miércoles, 19 de Septiembre del 2007 a las 18:18

Vamos a ver un sencillo ejemplo en Javascript mediante el cual solamente vamos a permitir la introducción de carácteres alfanuméricos. La función será llamada en el evento onKeypress del campo, y se le pasará el objeto. Aquí tienes el código de la función Javascript:

JavaScript:
  1. function alfanumerico(obj){
  2. var tecla = window.event.keyCode;
  3. if(65<=tecla && tecla<=90 || 97<=tecla && tecla<=122 || 48<=tecla && tecla<=57){
  4. }else{
  5.       window.event.keyCode=0;
  6.     }
  7. }

Y aquí un ejemplo muy sencillito con una caja de texto:

HTML:
  1. function alfanumerico(obj){
  2. var tecla = window.event.keyCode;
  3. if(65<=tecla && tecla<=90 || 97<=tecla && tecla<=122 || 48<=tecla && tecla<=57){
  4. }
  5.  else{
  6.       window.event.keyCode=0;
  7.     }
  8. }
  9. </script>
  10. </head>
  11. <form name="formulario">
  12. <input type="text" size="20" name="charalfanumerico" onKeypress="alfanumerico(this);">
  13. </form>
  14. </body>
  15.  
  16. </html>

NOTA: Solo funciona en Internet Explorer.

Categoria: Javascript

4 Comentarios

Entradas relacionadas


Comentario de luis

Realizado el Lunes, 27 de Octubre del 2008 a las 19:02

hola a todos primero que nada espara si me pueden ayudar ya que el codigo de validacion alfanumerico funciona en internet explore y en mozilla 5.0 no funciona por que sera?

Comentario de ALEJANDRO

Realizado el Sábado, 27 de Junio del 2009 a las 23:58

igual yo tengo el mismo problema con firefox mozilla

Comentario de Paul

Realizado el Lunes, 24 de Mayo del 2010 a las 22:49

Lo anterior sólo me funciona en internet explorer…

¿Por qué?

Comentario de jeduardo

Realizado el Jueves, 24 de Junio del 2010 a las 21:08

no sabe

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |