Ejemplo de reglas de validación JQuery más simple

Question

Mar 16, 2009, 02:03 PM

javascript jquery validation declarative

Ejemplo de reglas de validación JQuery más simple

El siguiente formulario HTML utiliza con éxito la validación de formularios de jQuery, mostrando "Este campo es obligatorio" a la derecha del campo del formulario si se deja en blanco, y "Ingrese al menos 2 caracteres" si se ingresaron menos de 2 caracteres. Sin embargo, en lugar de especificar los metadatos de validación utilizando los atributos de clase y longitud mínima en el campo de entrada del formulario "cname", me gustaría utilizar la API de "reglas" de jQuery, donde las reglas se especifican en el cuerpo de la función de validación. Gracias por adelantado

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="/lib/js/jquery.js"></script>
  <script src="/lib/js/jquery.validate.js"></script>
  <script>
  $(document).ready(function(){$("#commentForm").validate(
    /*
     rules/messages here
    */
    );}
    );
  </script>
</head>
<body>

 <form id="commentForm" method="get" action="">
 <fieldset>
   <legend>A simple comment form with submit validation and default messages</legend>
   <p>
     <label for="cname">Name</label>
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>
</body>
</html>