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$(document).ready(function () {
// inicializo tooltipster
$('.tooltip').tooltipster({
trigger: 'custom',
onlyOne: false,
position: 'bottom'
});
// inicializo el plugin validate
$('#mini_login').validate({
errorPlacement: function (error, element) {
$(element).tooltipster('update', $(error).text());
$(element).tooltipster('show');
},
success: function (label, element) { //no se ejecuta este codigo!!!!!!
$(element).tooltipster('hide');
},
rules: {
usuario: {
required: true,
email: true
},
contrasena: {
required: true,
minlength: 5
}
},
submitHandler: function (form) { // for demo
alert('valid form');
return false;
}
});
});
Código HTML:
Ver original<form action="/?login" method="post" id="mini_login"> <label for="usuario">Usuario:
</label><input type="text" name="usuario" id="usuario" class="tooltip" /> <label for="contrasena">Contraseña:
</label><input type="password" name="contrasena" id="contrasena" class="tooltip" /> <input type="submit" name="login" value="Entrar" /> <a href="?contrasena">Olvidé mi contraseña
</a> <a href="?registro">Registro
</a>
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!