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):


   

8 comentarios :