Muitas vezes nos deparamos na construção de um formulário em um website. Normalmente, ao preenchermos este formulário e pressionarmos a tecla ENTER, o mesmo é enviado. Mas em alguns casos, onde se modifica ou não se insere um botão de SUBMIT, o efeito da tecla ENTER é removido, não deixando com que o usuário a utilize a tecla.
Em busca de uma solução simples, encontrei o código abaixo que faz com que ao pressionar a tecla enter em um determinado campo, um INPUT por exemplo, o formulário seja submetido. Vejamos como fazer.
Primeiramente, copie este código para dentro da área do seu <HEAD>:
<SCRIPT TYPE=”text/javascript”>
<!–
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;if (keycode == 13)
{
myfield.form.submit();
return false;
}
else
return true;
}
//–>
</SCRIPT>
Em seguida, adicione em cada campo que desejar o conteúdo em negrito do exemplo abaixo:
<FORM ACTION=”/login”>
Nome: <INPUT NAME=”nome”><BR>
Senha: <INPUT NAME=”senha” TYPE=”PASSWORD”
onKeyPress=”return submitenter(this,event)”><BR>
<INPUT TYPE=”SUBMIT” VALUE=”Logar”>
</FORM>
Agora o seu campo possui a habilidade de ao se pressionar a tecla ENTER, ele submete o formulário.
Fonte: http://www.htmlcodetutorial.com/forms/index_famsupp_157.html