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:

  1. <script language=“javascript”>
  2. function OnEnter(evt)
  3. {
  4.     var key_code = evt.keyCode  ? evt.keyCode  :
  5.                        evt.charCode ? evt.charCode :
  6.                        evt.which    ? evt.which    :void 0;
  7.     if (key_code == 13)
  8.     {
  9.         return true;
  10.     }
  11. }
  12. </script>

E no campo de texto colocamos:

  1. <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:

  1. <script language=“javascript”>
  2. function EnviaFormulario(e)
  3. {
  4.     if(OnEnter(e))
  5.     {
  6.        alert(‘O formulário pode ser enviado’);
  7.         return false;
  8.     }
  9.     else
  10.     {
  11.         return true;
  12.     }
  13. }
  14. </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.

 

Fonte: https://www.codigofonte.net