Ingresar solo valores numéricos con Jquery

 

En esta oportunidad les explicare como validar una caja de texto para que solo permita el ingreso de valores numéricos con java script utilizando el framework de Jquery.

Para ser esto  es necesario lo siguiente

  1. Incluir en nuestra web el  framework de Jquery.
  2. Crear nuestros  elementos del formulario a validar y asiganar la clase ( .solo-numero ) a los elementos a validar
  3. creamos una funcion java scritp que se ejecute cuando se carge la pagina.

 

nos quedaria de la siguiente manera.

     <script>
        $(document).ready(function (){
          $('.solo-numero').keyup(function (){
            this.value = (this.value + '').replace(/[^0-9]/g, '');
          });
        });
    </script>

En esta funcion se creo una expresiòn regular que cuando se ingrese un  elemento que no este entre 0-9  lo remplazara  por un espacio vacio, nuestras cajas de texto quedarian de la siguiente manera.

 <input type="text" value="" class="solo-numero"> 

espero les sea de utilidad hasta una proxima oportunidad.

 

 

 

Añadir nuevo comentario

Resumen Firma

Carlos Hernan Aguilar Hurtado

Desarrollador WEB

Hola,Soy ingeniero informático radicado en la ciudad de Santiago de Cali orientado al trabajo con soluciones WEB, apasionado por la tecnología siempre en la búsqueda de herramientas y alternativas para mejorar el resultado de los objetivos que se presentan con el día a día.

Carlos Hernan Aguilar Hurtado