jQuery - redefinir formulário após enviar com plugin de formulário
-
16-11-2019 - |
Pergunta
deixe-me começar dizendo que pode parecer simples, mas acho extremamente difícil.
eu fiz um script de busca que usa PHP e para buscar um resultado ficaria assim
search.php?term=alice&submit=Submit
Coisas padrão..O problema é que eu uso um SPI com AJAX e PHP para que meus resultados tenham que ser carregados dinamicamente em um div, mantendo o valor do hash, para não perder a página que o usuário visitou antes da pesquisa.
jQuery.history.js é o plugin que uso para suporte ao botão Voltar, que exige que os links sejam assim:
<a href="#home">Home Page</a>
isso carregaria 'home.html' em um div chamado pageContent.até onde eu sei, não há como chamar arquivos php, a menos que você desenvolva um pequeno hack, que eu tenho,
aqui está meu JavaScript/jQuery para meu formulário de pesquisa:
<script language="JavaScript">
$(document).ready(function() {
// bind form using ajaxForm
$('#search1').ajaxForm({
// target identifies the element(s) to update with the server response
target: '#pageContent',
// success identifies the function to invoke when the server response
success: function() {
$('#pageContent');
var hash = '#search.php?term='+($('#query').val()+'&submit=Submit').replace(/ /g, '+');
var stripped = hash.replace(/(<([^>]+)>)/ig,"");
update(window.location.hash = stripped);
}
});
});
</script>
Aqui está o formulário:
<form id="search1" action="search.php" method="post">
<input id="query" type="text" name="term" />
<input type="submit" name="submit" value="Submit" />
</form>
Meu problema é este:eu tentei this.form.reset();
esse: Redefinindo um formulário de vários estágios com jQuery , mas nada disso funciona.por favor me ajude se você souber uma maneira de fazer isso ..
Solução
$('#query').val(DefaultValue);
com isso você pode definir seu valor como quiser, como em branco:'';