comment
IRC Chat
play_arrow
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
  • 7888 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. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="validar" type="text" name="casilla_1" />
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta 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 No tienes permisos para ver links. Registrate o Entra con tu cuenta.

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: 604
Ú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: 1277
Último mensaje Septiembre 04, 2014, 06:03:26 pm
por graphixx
[RECOPILACION] Los mejores manuales de jquery validation Engine

Iniciado por graphixx

Respuestas: 0
Vistas: 1155
Ú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: 1216
Último mensaje Marzo 29, 2017, 02:50:58 am
por graphixx
[JQuery][MEDIO] Hacer un menú tipo acordeón

Iniciado por Xt3mP

Respuestas: 2
Vistas: 3341
Último mensaje Julio 26, 2011, 01:51:33 pm
por Xt3mP