Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/09/2013, 16:59
Onedy
 
Fecha de Ingreso: julio-2011
Mensajes: 62
Antigüedad: 13 años, 4 meses
Puntos: 2
Problema validación jQuery -> validate + tooltipster

Buenas,

Estoy tratando de validar un simple formulario con el plugin validate de jQuery y muestro los errores en tooltips del plugin tooltipster de jQuery.

El problema es que no desaparecen los tooltips. Os muestro el código, es muy sencillo:
Código Javascript:
Ver original
  1. $(document).ready(function () {
  2.     // inicializo tooltipster
  3.     $('.tooltip').tooltipster({
  4.         trigger: 'custom',
  5.         onlyOne: false,
  6.         position: 'bottom'
  7.     });
  8.  
  9.     // inicializo el plugin validate
  10.     $('#mini_login').validate({
  11.         errorPlacement: function (error, element) {
  12.             $(element).tooltipster('update', $(error).text());
  13.             $(element).tooltipster('show');
  14.         },
  15.         success: function (label, element) { //no se ejecuta este codigo!!!!!!
  16.             $(element).tooltipster('hide');
  17.         },
  18.         rules: {
  19.             usuario: {
  20.                 required: true,
  21.                 email: true
  22.             },
  23.             contrasena: {
  24.                 required: true,
  25.                 minlength: 5
  26.             }
  27.         },
  28.         submitHandler: function (form) { // for demo
  29.             alert('valid form');
  30.             return false;
  31.         }
  32.     });
  33. });
Código HTML:
Ver original
  1. <form action="/?login" method="post" id="mini_login">
  2.     <label for="usuario">Usuario: </label><input type="text" name="usuario" id="usuario" class="tooltip" />
  3.     <label for="contrasena">Contraseña: </label><input type="password" name="contrasena" id="contrasena" class="tooltip" />
  4.     <input type="submit" name="login" value="Entrar" />
  5.     <a href="?contrasena">Olvidé mi contraseña</a>
  6.     <a href="?registro">Registro</a>
  7. </form>
Tengo las mismas versiones de jquery(, del validate) y del tooltip que en este ejemplo: http://jsfiddle.net/kyK4G/ donde todo va PERFECTÍSIMAMENTE.

¿Qué puede estar pasando?!? Os dejo la web donde está el formulario: http://aburridosmania.com

Muchísimas gracias!

Última edición por Onedy; 06/09/2013 a las 05:36