Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal!
Tenho um formulário de login onde utilizo o plugin jQuery Validate para realizar a validação dos campos usuário e senha. Cada campo dentre esses não preenchido ao pressionar o botão Validar é selecionado. Ao ser selecionado, através do focus [jQuery ~ Validate], caso o campo não esteja preenchido, o tooltip [jQuery TipTip] referente ao campo aparece.
Mas estou com um problema: para que o tooltip apareça quando der erro no input em branco [focus através do jQuery Validate], precisei setar no function do jQuery TipTip o focus. Até ai, tudo bem.
Como fazer com que o tooltip não apareça sem que eu valide os campos ao pressionar o botão validar?
<form method="post" action="index.php" name="validar" id="validar">
<label for="usuario">Usuário: <input type="text" name="usuario" class="usuario" title="Usuário Inválido" /></label>
<label for="senha">Senha: <input type="text" name="senha" class="senha" title="Senha Inválida" /></label>
<input type="submit" value="Validar" />
</form>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tipTip.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
$(".usuario").tipTip({
activation:"focus",
defaultPosition:"top",
edgeOffset:3,
maxWidth:"auto"
});
$(".senha").tipTip({
activation:"focus",
defaultPosition:"top",
edgeOffset:3,
maxWidth:"auto"
});
$("#validar").validate({
submitHandler: function(form) {
$(form).submit(function(){
return false;
});
},
rules: {
usuario: 'required',
senha: 'required'
},
messages: {
usuario: "",
senha: ""
}
});
});
});
</script>Carregando comentários...