1

Como capturo o valor deste input quando clico enter no input e sem usar form?

Apresento o input, abaixo representado:

<input id="searchinputid" type="text" class="searchinput"
    name="txtbuscan" placeholder=" Search..." onkeyup="showUser(this.value)"
    autocomplete="off"></input>
1
  • Seu HTML é inválido. A tag input não aceita fechamento. Isso pode fazer com que sua página não se comporte corretamente em todos os navegadores. Commented 3/11/2017 às 16:41

2 Respostas 2

1

Voçe pode usar EventListener para escutar quando uma tecla é pressionada e keyCode para verificar qual é a tecla, e depois XMLHttpRequest para enviar ao php

Como você não disse se usa jquery, segue o exemplo em js puro:

var input_busca = document.querySelector('#searchinputid')//Seleciona a input

input_busca.addEventListener('keypress', function (e) {
    var key = e.which || e.keyCode;
    if (key === 13) { // 13 = verifica se a tecla é o enter, 13 = enter
      alert("Valor local: " + input_busca.value)//Exibe o valor local
      var xhr = new XMLHttpRequest();
      xhr.open('GET', 'get.php?searchinputid=' + input_busca.value, true);// Informações para enviar ao php
      xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      xhr.onload = function () {

          alert("Resposta servidor: " + this.responseText);//Resposta do servidor
      };
      xhr.send();
    }
});
<input id="searchinputid" type="text" class="searchinput"
name="txtbuscan" placeholder=" Search..." autocomplete="off">

Código de exemplo do get.php

<?php

$variavel = $_GET['searchinputid'];

echo $variavel;
1

Utilize o keyCode para capturar o enter e recupere o valor do campo chamando a função em algum evento de tecla(keyPress, keyDown ou keyUp). Ex:

function ObterValor(e) {
   if (e.keyCode == 13) {
     return $("#searchinputid").val();
   }
}
2

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 .