0

Tenho um código de uma barra de pesquisa animada, porém a animação não funciona junto com o envio da pesquisa. Acredito que seja o "e.preventDefault();" que não estou conseguindo trazer o evento depois após a animação:

<form action='/search' method='get'>
<input id="search" type="search" name="q" />
<p></p>
</form>
<script>
var form = $('form'),
search = $('#search');

form.submit(function(e) {
e.preventDefault();

search.addClass('searching').val('');

setTimeout(function() {
    search.removeClass('searching');
}, 3600);
event.currentTarget.submit(); // Com essa linha consigo enviar mas a pesquisa digitada não vai
});

    </script>
2
  • E qual é o problema? 21/10/2018 às 15:27
  • O formulário funciona perfeitamente sem esse script, mas ao adiciona-lo a animação flui corretamente mas as pesquisas param de funcionar: <script> var form = $('form'), search = $('#search'); form.submit(function(e) { e.preventDefault(); search.addClass('searching').val(''); setTimeout(function() { search.removeClass('searching'); }, 3600); event.currentTarget.submit(); // Com essa linha consigo enviar mas a pesquisa digitada não vai }); </script> 21/10/2018 às 15:32

2 Respostas 2

1

No seu código está escrito

event.currentTarget.submit(); // Com essa linha consigo enviar mas a pesquisa digitada não vai

Mas o problema não seria esta outra linha aqui?

search.addClass('searching').val('');

Você mesmo está passando um valor vazio para o seu input, por isso que na sua request o parâmetro é enviado vazio.

1
  • Realmente, isso resolveu :) Muito obrigado mesmo! 21/10/2018 às 15:50
0

Você está setando o valor vazio com essa linhda de código:

search.addClass('searching').val('');

onde o .val('') se refere ao valor da variável referida, ou seja, ('') = vazio.

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 .