Ver Mensaje Individual
  #6 (permalink)  
Antiguo 04/09/2011, 14:35
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 9 meses
Puntos: 192
Respuesta: jQuery validator: valida pero...no va a ningun lado

Código Javascript:
Ver original
  1. $(function(){
  2.  
  3.        $('#myform').validate({
  4.  
  5.          rules:
  6.  
  7.          {
  8.  
  9.            // lo que rastrea son los names!
  10.  
  11.            'email': { required: true, email: true },
  12.  
  13.            'password': { required: true,  minlength: 6 },
  14.  
  15.            'passconf': { required: true, minlength: 6  , equalTo: "#password"},        
  16.  
  17.            'username': { required: true, minlength: 2 }        
  18.  
  19.          },
  20.  
  21.          messages:
  22.  
  23.          {
  24.  
  25.            'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },       
  26.  
  27.            'password': { required: 'Debe ingresar password', minlength: 'Longitud minima de 6 caracteres' },
  28.  
  29.            'passconf': { required: 'Debe ingresar confirmacion de password', minlength: 'Longitud minima de 6 caracteres', equalTo: 'Passwords no coinciden!' },        
  30.  
  31.            'username': { required: 'Debe ingresar nombre de usuario', minlength: 'Longitud minima de 2 caracteres' }
  32.  
  33.          },
  34.  
  35.          errorElement: "div"
  36.  
  37.     });
  38.  
  39. });


O:

Código Javascript:
Ver original
  1. <?php phpinfo(); ?>
  2.  
  3.  <script>
  4.  
  5.  // el arreglo JSON podria generarse desde PHP extrayendo dde base de datos info de los campos (requerimientos y mensajes)
  6.  
  7. $(function(){
  8.  
  9.        $('#myform').validate({
  10.  
  11.          rules:
  12.  
  13.          {
  14.  
  15.            // lo que rastrea son los names!
  16.  
  17.            'email': { required: true, email: true },
  18.  
  19.            'password': { required: true,  minlength: 6 },
  20.  
  21.            'passconf': { required: true, minlength: 6  , equalTo: "#password"},        
  22.  
  23.            'username': { required: true, minlength: 2 }        
  24.  
  25.          },
  26.  
  27.          messages:
  28.  
  29.          {
  30.  
  31.            'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },       
  32.  
  33.            'password': { required: 'Debe ingresar password', minlength: 'Longitud minima de 6 caracteres' },
  34.  
  35.            'passconf': { required: 'Debe ingresar confirmacion de password', minlength: 'Longitud minima de 6 caracteres', equalTo: 'Passwords no coinciden!' },        
  36.  
  37.            'username': { required: 'Debe ingresar nombre de usuario', minlength: 'Longitud minima de 2 caracteres' }
  38.  
  39.          },
  40.  
  41.          // debug: true,   
  42.  
  43.          submitHandler: function(form)
  44.  
  45.          {
  46.  
  47.            alert('El formulario ha sido validado correctamente!');
  48.             form.submit();
  49.          },    
  50.  
  51.          errorElement: "div"
  52.  
  53.     });
  54.  
  55. });
  56.  
  57. </script>


Tené en cuenta que ambos métodos usan el action="" del form. Asegurate de poner uno válido.

Si no, usá el submitHandler para subir tu formulario con AJAX.
__________________
nahueljose.com.ar