отправить форму с задержкой при вводе данных в поле ввода

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(); 
}); 

Это представляет каждый раз, когда персонаж вводится. Я предпочел бы это так - была задержка, прежде чем отправить, так что вы можете закончить ввод текста - что фокус остается на поле ввода готов ввести после представить (если перезарядка)

Любой способ задержать форму. submit(), чтобы пользователь мог завершить печать до отправки формы?

(UPDATE закодировать к более "JQuery" рода способом представить)

Br. Anders

Answer 1

Это должно работать. Отправляет форму, когда ничего не было напечатано за 500 мс.

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

Answer 2

Плохая идея. Вы не хотите обходить средства контроля, которые люди ожидают от ввода формы. Если вы не хотите кнопку отправки, то, по крайней мере, подождите, пока вы не зафиксируете «ввод».

Другое, чем устройство чтения сознания пользователя Как вы могли узнать, когда пользователь закончил ввод,, если только вы не искали, чтобы они набирали «return» или «enter»? Пользователи не будут знать, что они должны сделать паузу в один момент, чтобы оставить форму в таймаут, или что им нужно торопиться, чтобы их поиск был введен до таймаута 500MS.

См: 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; 
      } 
    });