Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/05/2011, 16:11
Vicnaz
 
Fecha de Ingreso: abril-2011
Ubicación: ur
Mensajes: 21
Antigüedad: 13 años, 10 meses
Puntos: 0
Validar radio buttons JQUERY plugin

Hola, resulta que necesito validar un grupo de radio buttons, y lo quiero hacer con jquery, pero el problema es que el codigo que tengo no me funciona y eh tratado te encontrar el problema, pero no lo logro. El problema es que me debiese salir un mensaje al lado de los radios, al no marcar ni uno, despues de apretar en "Enviar".

Aca les dejo el codigo:

Código Javascript:
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&#237;tulo</title>
  5. <script src="jquery.js" type="text/javascript"></script>
  6. <script src="jquery.validate.js" type="text/javascript"></script>
  7. <script lenguaje = "javascript">
  8.  
  9. $.validator.setDefaults({
  10.     submitHandler: function() {
  11.         alert("submitted!");
  12.     }
  13. });
  14.    
  15. $.metadata.setType("attr", "validate");
  16.  
  17. $(document).ready(function() {
  18.     $("#form1").validate();
  19. });
  20.  
  21. </script>
  22. <style type="text/css">
  23. .block { display: block; }
  24. form.formu label.error { display: none; }  
  25. </style>
  26. </head>
  27.  
  28. <body>
  29. <form id="form1" class="formu" action="" metod="POST" name="form1">
  30.  
  31. <legend>Sexo:</legend>
  32. <label for="hombre">
  33. <input id="hombre" type="radio" validate="required:true" name="sexo" value="H" class="error"/>Hombre
  34. </label>
  35.  
  36. <label for="mujer">
  37. <input id="mujer" type="radio" name="sexo" value="M" />
  38. Mujer</label>
  39. <label for="sexo" class="error">Por favor selecciones uno.</label><br />
  40. <input class="submit" type="submit" value="Enviar" />
  41. </form>
  42. </body>
  43. </html>

Aca sale el codigo bien, pero no me resulta... http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo.html

Plugin.. http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Saludos