[Resolvido] Login com Jquery

[kania 0]

Olá pessoal, alguém consegue identificar se tem algum erro neste código

 

$("#frm_login").submit(function(){
var login = $('#login').val();
var senha = $('#senha').val();
var dados = 'login=' + login +'&senha=' + senha
$('#recuperar_senha').jOverlay({
	data: dados,								   
	method:'POST',
	url:'efetuar_login.asp',
	imgLoading:'imagens/carregando_laranja.gif'
});	
})

 

Ao submeter o formulário ele deveria abrir uma modal pelo plugin joverlay com as informações contidas na pagina efetuar_login.asp, porem quando eu submeto o formulário seja clicando no botão enviar ou apertando ENTER, simplesmente não acontece nada, mas não consigo ver erro no código.

Abaixo o código do formulário

 

<form action="javascript:void(0);" method="post" name="frm_login" id="frm_login">
                       <label id="label_email">E-mail<input type="text" name="login" id="login" class="campo_login" /></label>

                       <label id="label_senha">Senha<input type="password" name="senha" id="senha" class="campo_senha" /><input type="submit" value="" class="btnLogin" /></label>

                       <a href="javascript:void(0);" title="Esqueci minha senha" onclick="$().jOverlay({url:'recuperar_senha.asp', imgLoading : 'imagens/carregando_laranja.gif'});">Esqueci minha senha</a>
				</form>

[William Bruno 1501]

deixe o action assim:

action=""

 

e impeça q o form seja enviado normalmente:

 

 

        }); 
     return false;    
});

[kania 0]

Opa Wilian, fiz a sua sugestão, porem o formulário esta sendo enviado mesmo colocando o return false; no código jquery, veja como fiz

 

$("#frm_login").submit(function(){
var login = $('#login').val();
var senha = $('#senha').val();
var dados = 'login=' + login +'&senha=' + senha
$('#recuperar_senha').jOverlay({
	data: dados,								   
	method:'POST',
	url:'efetuar_login.asp',
	imgLoading:'imagens/carregando_laranja.gif'
});	
return false;
})

[William Bruno 1501]

então existe algum erro de script.

 

para descobrir e corrigir acompanhe o Console de Erros:

 

Ctrl+Shift+J no Firefox.

o procedimento é sempre este ok? se você não souber oq fazer, valide o html, valide o css, e verifique o console.

 

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

 

 

 

adote este ritual como procedimento, enqnto estiver desenvolvendo.

[kania 0]

Então William, na verdade eu já havia feito este teste, é o que sempre faço primeiro quando da estes bugs, tanto pelo console de erros do Firefox como pelo Firebug, mas em nenhum deles pegou erro no código.

[William Bruno 1501]

se não funciona, e não dá erro, então você deve se preocupar e muito.

 

debugue o script:

$("#frm_login").submit(function(){
var login = $('#login').val();
var senha = $('#senha').val();
var dados = 'login=' + login +'&senha=' + senha;

 alert( dados );

aparece esse alert ?

está com o valor q você esperava?

 

verifique tb se está tudo Ok com a requisição ajax:

http://wbruno.com.br/blog/2011/04/14/como-debugar-ajax-firebug/

 

 

 

se tudo mais falhar, limpe o cache, feche o navegador, refaça os testes e relate oq ocorre.

[kania 0]

Eita falha minha, falha minha, esqueci de colocar no inicio do códio a linha $(document).ready(function(){, ai não estava carregando ao abrir a página, dai não funciona mesmo. :P

 

Ficou assim e agora funcionou

 

$(document).ready(function(){
$("#frm_login").submit(function(){
var login = $('#login').val();
var senha = $('#senha').val();
var dados = 'login=' + login +'&senha=' + senha
	$('#recuperar_senha').jOverlay({
		data: dados,								   
		method:'POST',
		url:'efetuar_login.asp',
		imgLoading:'imagens/carregando_laranja.gif'
	});	
	//alert(dados);
	return false;
});
})

 

:joia: Valeu