0

Olá, eu tenho um javascript que ao clicar no botão "Pesquisar", vai fazer uma requisição via ajax e pesquisar determinado valor que está no input.

O que preciso é, quando a pessoa escrever no input e der enter, automaticamente clique no button.

<input type="text" id="dado" name="dado" placeholder="Descrição" required/>
<button onclick="enviar('0');">Pesquisar</button>

Não esta dentro de um formulário, eu tenho que colocar dentro e dar algum type pro button?

Foi o que tentei, mas como é javascript que importa no botão pelo evento onclick, então não chamou a função, o que fazer?

Tenho vários botões na tela para outros javascripts de ajax, e outros inputs, então eu teria que dar id a cada formulário, caso seja algo relacionado, teria um exemplo para dois forms de como fazer ?

1
  • O mais fácil seria você montar o elemento form completo, definir o botão como submit e tratar o evento submit deste formulário. A grande maioria dos navegadores já tentam submeter o formulário ao pressionar enter.
    – Woss
    Commented 11/04/2019 às 10:51

1 Resposta 1

4

Abaixo segue uma forma de fazer isso através do javascript, inseri um id no button para forçar o evento de clique no mesmo:

document.getElementById("dado")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("button-dado").click();
    }
});
<input type="text" id="dado" name="dado" placeholder="Descrição" required/>
<button id="button-dado" onclick="enviar('0');">Pesquisar</button>

3
  • 1
    Perfeito, funcionou!
    – Obama
    Commented 11/04/2019 às 1:21
  • 1
    Magnífico! Eu não ia conseguir (:
    – Obama
    Commented 11/04/2019 às 1:24
  • Que bom que resolveu seu problema. Commented 11/04/2019 às 1:26

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .