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.