Capturando a tecla ENTER em um campo de texto

Salve usuários do CodigoFonte.net!

Recentemente precisei utilizar uma validação num campo de texto de forma que o formulário apenas fosse enviado para o servidor quando eu pressionasse a tecla ENTER.

Pesquisando em alguns buscadores, encontrei um javascript que faz a validação da tecla ENTER, segue:

<script language="javascript">

function OnEnter(evt)
{
    var key_code = evt.keyCode  ? evt.keyCode  :
                       evt.charCode ? evt.charCode :
                       evt.which    ? evt.which    : void 0;


    if (key_code == 13)
    {
        return true;
    }
}

</script>

E no campo de texto colocamos:

<input name="txtBusca" type="text" onkeypress="return EnviaFormulario(event);" />

Veja que neste campo temos um evento onkeypress que chama a função javascript EnviaFormulario(), vamos definí-la a seguir:

<script language="javascript">

function EnviaFormulario(e)
{
    if(OnEnter(e))
    {
       alert('O formulário pode ser enviado');
        return false;
    }
    else
    {
        return true;
    }
}

</script>

Pronto. Agora quando você digitar algum texto no campo do formulário e pressionar a tecla ENTER ele irá mostrar uma mensagem de alerta.

Você pode alterar o evento quando se tecla ENTER para direcionar a uma página ou enviar o formulário.

Por hoje é só pessoal.

Até a próxima.

Enviar um Artigo