Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Enter e Clique para Enviar Formulário

Edupet

Perguntado por Edupet,

 Share

Pergunta

Edupet

Edupet

Postado
Postado

Olá amigos.

Não sou expert, mas me atrevi a fazer um formulário dentro do site da minha empresa, para adicionarmos uma barra de busca dos nossos produtos. Fiz tudo observando dicas pela net.

O campo de busca está funcionando quando utilizamos o CLIQUE no botão BUSCAR, mas quando pressionamos a tecla ENTER, nada acontece.

Como o site é travado e não nos oferecem suporte ou ferramentas, tive que improvisar, adicionando os comandos no corpo da área em que inserimos banners na página principal do site.

Notem que não tem o campo <body>

Vejam:

<script type="text/javascript">
function processar() {
campo1=document.getElementById('campo1').value;
}
</script>
<form name="exemplo">
<span class="style1">O que você procura? </span><input type="text" id="campo1" size="60"/>
<input type="button" name="entrar" value="BUSCAR" onClick="javascript:processar();"/>
</form>
Preciso que quando a tecla ENTER for pressionada, o conteúdo do CAMPO1 seja pesquisado, além do clique que já funciona atualmente.
Já tentei utilizar o type="submit", mas nada acontece, aliás, apenas aparece o nome do campo na barra de endereços do navegador.
Grande abraço.
EP
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Jhonas

Jhonas

Postado
Postado

<script language="JavaScript">
var tecla=window.event.keyCode;

if (tecla==13) { ///codigo correspondente a tecla enter

"comandos para você EXECUTAR O SUBMIT DO FORMULARIO VIA JAVASCRIPT"

}
</script>

=====================================================

script para criar teclas de atalho

http://codigofonte.uol.com.br/codigos/script-para-criar-teclas-de-atalho

======================================================

outro exemplo

  1. <script language=JavaScript>
  2. function TocarSom(event, soundobj) {
  3. var keynum;
  5. if(window.event) { //IE
  6. keynum = event.keyCode
  7. } else if(event.which) { // Netscape/Firefox/Opera AQUI ESTAVA O PEQUENINO ERRO ao invés de "e." é "event."
  8. keynum = event.which
  9. }
  10. if( keynum==13 ) { <!-- 13 é o código do Enter --> AQUI TAMBEM
  11. eval("document."+soundobj).Play();
  12. }
  13. }
  14. </script>
  16. <form>
  17. <mtw:input type="text" name="sound" klass="mtwInputText" extra="onkeypress=TocarSom(event, 'sound1')" />
  18. </form>

abraço

Link para o comentário
Compartilhar em outros sites
  • 0
Edupet

Edupet

Postado
  • Autor
Postado

<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>

<script language="JavaScript">
var tecla=window.event.keyCode;

if (tecla==13) { ///codigo correspondente a tecla enter

"comandos para você EXECUTAR O SUBMIT DO FORMULARIO VIA JAVASCRIPT"

}
</script>

=====================================================

script para criar teclas de atalho

http://codigofonte.uol.com.br/codigos/script-para-criar-teclas-de-atalho

======================================================

outro exemplo

  1. <script language=JavaScript>
  2. function TocarSom(event, soundobj) {
  3. var keynum;
  5. if(window.event) { //IE
  6. keynum = event.keyCode
  7. } else if(event.which) { // Netscape/Firefox/Opera AQUI ESTAVA O PEQUENINO ERRO ao invés de "e." é "event."
  8. keynum = event.which
  9. }
  10. if( keynum==13 ) { <!-- 13 é o código do Enter --> AQUI TAMBEM
  11. eval("document."+soundobj).Play();
  12. }
  13. }
  14. </script>
  16. <form>
  17. <mtw:input type="text" name="sound" klass="mtwInputText" extra="onkeypress=TocarSom(event, 'sound1')" />
  18. </form>

abraço

Jhonas.

Ainda não funcionou. Muito obrigado pela colaboração.

Abraços.

Link para o comentário
Compartilhar em outros sites
  • 0
Edupet

Edupet

Postado
  • Autor
Postado

<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>

<script language="JavaScript">
var tecla=window.event.keyCode;

if (tecla==13) { ///codigo correspondente a tecla enter

"comandos para você EXECUTAR O SUBMIT DO FORMULARIO VIA JAVASCRIPT"

}
</script>

=====================================================

script para criar teclas de atalho

http://codigofonte.uol.com.br/codigos/script-para-criar-teclas-de-atalho

======================================================

outro exemplo

  1. <script language=JavaScript>
  2. function TocarSom(event, soundobj) {
  3. var keynum;
  5. if(window.event) { //IE
  6. keynum = event.keyCode
  7. } else if(event.which) { // Netscape/Firefox/Opera AQUI ESTAVA O PEQUENINO ERRO ao invés de "e." é "event."
  8. keynum = event.which
  9. }
  10. if( keynum==13 ) { <!-- 13 é o código do Enter --> AQUI TAMBEM
  11. eval("document."+soundobj).Play();
  12. }
  13. }
  14. </script>
  16. <form>
  17. <mtw:input type="text" name="sound" klass="mtwInputText" extra="onkeypress=TocarSom(event, 'sound1')" />
  18. </form>

abraço

Jhonas.

Ainda não funcionou. Muito obrigado pela colaboração.

Abraços.

Link para o comentário
Compartilhar em outros sites
  • 0
Edupet

Edupet

Postado
  • Autor
Postado

Funcionou!

<script type="text/javascript">
function processarEnter(e)
{
if (e.keyCode == 13) {
processar();
return false;
}
}
function processar() {
campo1=document.getElementById('campo1').value;
}
</script>
<form name="exemplo">
<span class="style1">O que você procura? </span><input type="text" id="campo1" size="60" onkeypress="return processarEnter(event);" />
<input type="button" name="entrar" value="BUSCAR" onClick="javascript:processar();"/>
</form>
Muito obrigado a todos.
Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...