Wendell Inacio Postado Novembro 25, 2009 Denunciar Share Postado Novembro 25, 2009 Meu scrip de login funciona tudo legal.Exceto o ENTER, que para mim, deveria funcionar igual como se o usuário estivesse clicando no botão OK.alguém sabe o porque?<head> <!--validacao dos campos do formulario--> <script type="text/javascript"> function valida(){ var ok = true; if (document.getElementById("login").value == '' ){ alert("Campo login está vazio"); document.getElementById("login").focus(); return false; } if (document.getElementById("senha").value == '' ){ alert("Campo senha está vazio"); document.getElementById("senha").focus(); return false; } else{ document.formlogin.submit(); } } </script> <!--fim da validacao--> </head> <body> <form id="form1" name="formlogin" method="post" action="loginaction.php"> Login:<br /> <input type="text" name="login" id="login" class="txt"/> <br /><br /> Senha:<br /> <input type="password" name="senha" id="senha" class="txt"/> <br /><br /> <input type="button" name="ok" id="ok" value="Ok" onclick="valida();" class="botao"/> <br /> </form> </body> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Novembro 25, 2009 Denunciar Share Postado Novembro 25, 2009 Ao invés do evento onclick do botão deve-se utilizar o onload do formulário.Seu formulário deve ficar assim:<form id="form1" name="formlogin" method="post" action="loginaction.php" onsubmit="valida"> Seu JS fica assim (organizei melhor ele): function valida() { if (!document.getElementById("login").value) { alert("Campo login está vazio"); document.getElementById("login").focus(); return false; }else if (!document.getElementById("senha").value) { alert("Campo senha está vazio"); document.getElementById("senha").focus(); return false; } } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Wendell Inacio Postado Novembro 26, 2009 Autor Denunciar Share Postado Novembro 26, 2009 Agora ta assim<!--validacao dos campos do formulario--> <script type="text/javascript"> function valida() { if (!document.getElementById("login").value) { alert("Campo login está vazio"); document.getElementById("login").focus(); return false; }else if (!document.getElementById("senha").value) { alert("Campo senha está vazio"); document.getElementById("senha").focus(); return false; } } </script> <!--fim da validacao--> <form id="form1" name="formlogin" method="post" action="loginaction.php" onsubmit="valida()"> Login:<br /> <input type="text" name="login" id="login" class="txt"/> Senha:<br /> <input type="password" name="senha" id="senha" class="txt"/> <input type="submit" name="ok" id="ok" value="Ok" class="botao"/> </form>Ta funcionando o enter, mas tem um problema.Quando do enter ou clico no botão, ele verifica se ta vazio, retorna o alert, mas quando do ok no alert, vai pra outra página, ao invés de manter na pagina de login e da focu na caixa de texto. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Novembro 26, 2009 Denunciar Share Postado Novembro 26, 2009 Troque:form id="form1" name="formlogin" method="post" action="loginaction.php" onsubmit="valida()"> Por: form id="form1" name="formlogin" method="post" action="loginaction.php" onsubmit="valida"> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Wendell Inacio
Meu scrip de login funciona tudo legal.
Exceto o ENTER, que para mim, deveria funcionar igual como se o usuário estivesse clicando no botão OK.
alguém sabe o porque?
<head> <!--validacao dos campos do formulario--> <script type="text/javascript"> function valida(){ var ok = true; if (document.getElementById("login").value == '' ){ alert("Campo login está vazio"); document.getElementById("login").focus(); return false; } if (document.getElementById("senha").value == '' ){ alert("Campo senha está vazio"); document.getElementById("senha").focus(); return false; } else{ document.formlogin.submit(); } } </script> <!--fim da validacao--> </head> <body> <form id="form1" name="formlogin" method="post" action="loginaction.php"> Login:<br /> <input type="text" name="login" id="login" class="txt"/> <br /><br /> Senha:<br /> <input type="password" name="senha" id="senha" class="txt"/> <br /><br /> <input type="button" name="ok" id="ok" value="Ok" onclick="valida();" class="botao"/> <br /> </form> </body>Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.