Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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});
})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>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});
return false;
})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.
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.
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.
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
deixe o action assim:
action=""
e impeça q o form seja enviado normalmente: