viernes, 2 de diciembre de 2011

Validación numérica con jQuery y jquery.numeric

Una forma elegante de validar valores numéricos en las cajas de textos de nuestros formularios Web, es mediante este plugin jQuery que os presento: jquery.numeric.js. Puedes descargar el archivo pinchando aquí.


A continuación pongo el código de uso y un ejemplo en funcionamiento.

<!DOCTYPE html>
<html>
<head>
  <title>Validacion numerica con jQuery</title>
  <script src="jquery.js"></script>
  <script src="jquery.numeric.js"></script>
  <script>
    $(document).ready(function(){
        $(".entero").numeric();
        $(".decimal").numeric(",");
   })
  </script>
</head>
<body>
  <form>
      <label>entero:</label>
      <input type="text" class="entero">
      <label>decimal:</label>
      <input type="text" class="decimal">
  <form>
</body>
</html>

El ejemplo en funcionamiento (escribe en las cajas de texto, sólo podrás introducir números):


   

10 comentarios :

  1. muy buen aporte funciona muy bien

    ResponderEliminar
  2. Buen aporte, fue de gran ayuda el dato :D

    ResponderEliminar
  3. esta muy bien tu aporte pero en crome se puede ingresar el ' no lo desactiva bueno al menos en mi caso si tienes alguna solucion serias tan amable de proporcionarla

    ResponderEliminar
  4. lo instale pero no me funciona, no me aparece la opcion de numeric, como se puede hacer?

    ResponderEliminar
  5. como instalo jquery numeric, lo agrego a mi carpeta de script, pero no me aparece la propiedad .numeric

    ResponderEliminar