提交后,将用户输入文本保留在输入框中

keep user input text in inputbox after submit

本文关键字:输入 保留 文本 提交 用户      更新时间:2023-09-26
<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keyword Search..."/>
<div class="searchBtnHolder"><a class="searchButton" href="#" type="submit"><span>Search</span></a></div>

即使在提交后,我也需要在输入框中保留用户输入文本。当用户提交时,发生的情况是获取输入框的值并将其作为查询字符串添加到 URL 中,如 mysite.com/index.aspx?kwd=userinput.。

但是,如果我们能保留用户输入的内容,以便他们知道他们输入的内容而不必怀疑,那就太好了!!使用jquery,可能吗?我们不能从 url 中获取值并将其重新设置在输入框中吗?

您可以使用jquery post提交表单而无需回发。然后它不会删除用户输入的内容。http://api.jquery.com/jQuery.post/

$('#yourButtonId').click(function(){
  $.post('ajax/test.html', $('#yourFormId').serialize() ,function(data) {
      //call back function
      alert(data);
   });
});