[Resolvido] jQuery Validate e TipTip

[MBarros 0]

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>

[Henrique Barcelos 290]

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://docs.jquery.com/Plugins/Validation/validate#toptions

 

Dê uma olhada no método 'errorPlacement' e veja se não te ajuda...

[MBarros 0]

Obrigado @Rick

 

Resolvi minha questão utilizando o plugin jQuery qTip ~ http://craigsworks.com/projects/qtip/ e, é claro, o jQuery Validation ~ http://bassistance.de/jquery-plugins/jquery-plugin-validation/

 

:)