domingo, 19 de septiembre de 2010

Javascript: Validar Input para que solo acepte números flotantes

Para inaugurar el blog con el pie izquierdo aquí les dejo una función javascript bastante sencilla que ayuda a validar los input de nuestra aplicación para que solo permitan la captura de números y un punto flotante (no acepta más de un punto decimal), de esta manera se puede restringir el ingreso de cualquier otro carácter pulsado en el teclado que no este contemplado en el patrón de expresiones regulares.

Esta función de gran utilidad cuando se tienen campos para dar de alta cantidades de dinero.

Función Javascript
//Validacion de solo numeros flotantes(mediante patron) 
function ValidarNumFloat(e,obj){
  tecla = (document.all) ? e.keyCode : e.which;  
   if (tecla==8) return true;

   Punto = obj.value.split('.');
    if (Punto.length>=2)
    {
        patron =/[0-9]/;
    }else
  patron =/[0-9.]/;
  te = String.fromCharCode(tecla);

     return patron.test(te); 
}

Se activa con el siguiente evento desde HTML


Si alguien tiene una función más light o puede mejorar la actual es bienvenid@.

Figura 1.1- Imagen que no viene al caso pero da un toque MOE a la entrada.

5 comentarios:

Silver Larik dijo...
Este comentario ha sido eliminado por el autor.
Silver Larik dijo...
Este comentario ha sido eliminado por el autor.
guille dijo...

Hola , no entiendo en q evento se activa , muchas gracias

NekoSuplex dijo...

Hola amigo al parecer se refiere a esto
<-input onkeypress="return ValidarNumFloat(event,this);" name="Monto"-> los guiones no van
Saludos

ACA dijo...

Perfect, thanks

Publicar un comentario