fabioricotta - SEO, Blogs, Google e um pouco mais » HTML http://www.fabioricotta.com Blog de SEO, Dicas e técnicas de SEO, Análise de SEO, Pagerank e Google e muito mais... Thu, 17 Nov 2011 20:01:08 +0000 en hourly 1 http://wordpress.org/?v=3.2 Submeter o Formulário Quando o Usuário Pressionar ENTER http://www.fabioricotta.com/html/submeter-o-formulario-quando-o-usuario-pressionar-enter.html?utm_source=rss&utm_medium=rss&utm_campaign=submeter-o-formulario-quando-o-usuario-pressionar-enter http://www.fabioricotta.com/html/submeter-o-formulario-quando-o-usuario-pressionar-enter.html#comments Fri, 26 Dec 2008 19:21:17 +0000 Fábio Ricotta http://www.fabioricotta.com/?p=497

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

]]> http://www.fabioricotta.com/html/submeter-o-formulario-quando-o-usuario-pressionar-enter.html/feed 2