将数据输入输入字段时延迟提交表单

Question

我有一个简单的表单，需要在输入文本时自动提交。

我可以使用 onChange 或 onKeyUp 而不是最好的结果。

HTML 是：

  <form action="" id="fusionSearchForm" method="post">
    <input type="text" class="std_input" id="fusion_searchText" />
  </form>

还有 jQuery

jQuery("#fusionSearchForm").keyup(function() {
  this.submit();
});

每次输入一个字符时都会提交。我宁愿这样 - 提交之前有一个延迟，所以你可以完成你的打字 - 提交后（如果重新加载），焦点停留在准备输入的输入字段上

有什么方法可以延迟 form.submit() 以便用户在提交表单之前完成输入？

（将代码更新为更“jQuery”的提交方式）

兄弟。安德斯

Answer 1

这应该可行。在 500 毫秒内没有输入任何内容时提交表单

var timerid;
jQuery("#fusionSearchForm").keyup(function() {
  var form = this;
  clearTimeout(timerid);
  timerid = setTimeout(function() { form.submit(); }, 500);
});

Answer 2

这是个坏主意。您不想规避人们对表单输入的期望。如果您不想要提交按钮，那么至少要等到您捕获“输入”之后再提交。

除了用户读心设备你怎么知道用户何时完成输入，除非你在寻找他们输入“return”或“enter”？用户不会知道他们应该暂停片刻让表单在超时时提交，或者他们需要在 500 毫秒超时之前快点输入搜索。

见：this question

如果您想在任何提交后立即开始返回结果，您可以执行某种 ajax 自动完成。

autocomplete http://img9.imageshack.us/img9/5526/autocompletegoogle.png

这是一个在输入时提交的 jQuery 示例：

  $("input").keypress(function(e) {
            switch (e.keyCode) {
                    case 13:
                            $("#formid").submit();
                            return false;
                    default:
                            return true;
            }
    });