Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[JQuery][BASICO] Permitir solo numeros

  • 0 Respuestas
  • 8040 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Xt3mP

  • *
  • Underc0der
  • Mensajes: 432
  • Actividad:
    0%
  • Reputación 0
  • Ellos me están buscando, pero yo los encontraré.
    • MSN Messenger - Xt3mP@h4x0rz.us
    • AOL Instant Messenger - Xt3mP@h4x0rz.us
    • Yahoo Instant Messenger - Xt3mP@h4x0rz.us
    • Ver Perfil
    • Xt3mP
« en: Abril 20, 2012, 02:35:13 am »
A veces por cuestiones de la vida nos vemos en la situación de validar que caracter es ingresado permitiendo sólo así el ingreso de caracteres numéricos. Existen muchas maneras de lograrlo pero en mi caso, lo necesario era que en cuanto el visitante presione una tecla, validarla en tiempo real para solo permitir los caracteres que queremos; en éste caso, numéricos.

Haremos uso del evento keydown tomando como evento el caracter presionado pero antes, por cuestiones de eficacia y porque seguramente necesitamos usarlo en varios input/textarea, le asignaremos una clase de esta manera:

Código: HTML5
  1. <input class="validar" type="text" name="casilla_1" />
  2. <input class="validar" type="text" name="casilla_2" />

Ahora agregaremos el evento de la siguiente manera:

Código: Javascript
  1. $(function(){
  2.     $(".validar").keydown(function(event){
  3.         if(event.keyCode < 48 || event.keyCode > 57){
  4.             return false;
  5.         }
  6.     });
  7. });

Con esto nos bastaría para solo permitir números aunque con IE8 tuve problemas. Y respecto a qué hacemos, pues fácil. Mandamos mediante “event” la tecla pulsada y la comparamos con su “char key code“. Los podemos encontrar en http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes.

Hay otras formas de hacer lo mismo, por ejemplo, utilizando isNaN (is not a number). Todo varia dependiendo la experiencia de cada programador aunque sinceramente a esto no le veo mucha ciencia así que espero que haya sido de utilidad aunque sea un poco, ya que estoy seguro que al menos una vez en la vida necesitaremos validar caracteres numéricos dejando de lado PHP, ASP, etc.
« Última modificación: Mayo 02, 2014, 10:54:14 pm por Destructor.cs »
Cada vez que me das Karma me motivas

 

¿Te gustó el post? COMPARTILO!



[SOURCE] Calendario que habilite solo un rango de fechas

Iniciado por graphixx

Respuestas: 0
Vistas: 1456
Último mensaje Septiembre 10, 2018, 07:49:43 am
por graphixx
[SOURCE] Upload de imagenes con AJAX sin recargar la pagina y con jquery

Iniciado por graphixx

Respuestas: 0
Vistas: 1446
Último mensaje Septiembre 04, 2014, 06:03:26 pm
por graphixx
[JQuery][MEDIO] Hacer un menú tipo acordeón

Iniciado por Xt3mP

Respuestas: 2
Vistas: 3943
Último mensaje Julio 26, 2011, 01:51:33 pm
por Xt3mP
[RECOPILACION] Los mejores manuales de jquery validation Engine

Iniciado por graphixx

Respuestas: 0
Vistas: 1248
Último mensaje Agosto 28, 2014, 12:53:23 pm
por graphixx
[VIDEOTUTORIAL] JavaScript y jQuery [Crear Sitios y Apps Web]

Iniciado por graphixx

Respuestas: 0
Vistas: 1924
Último mensaje Marzo 29, 2017, 02:50:58 am
por graphixx