搜索框在兩個工作按一下按鈕PHP的Jquery

Question

我試圖得到一個搜索框，在兩個工作點擊一個按鈕或輸入動作但我不能得到的輸入動作來工作，以及進入。 我知道這個心不是嚴格的PHP，但我使用所有的PHP函數與搜索，並想知道如果有人可以提供幫助。

這是我的代碼：

function get() { 
    $.post('search_tsr.php', { 
     search_term: form.name.value 
    }, function (output) { 
     $('#search_results').html(output).show(); 
    }); 
} 
$(document).ready(function() { 
    $(document).keyup(function (event) { 
     if (event.keyCode == 13) { 
      $("#form").submit(); 
      $.post('search_tsr.php', { 
       search_term: form.name.value 
      }, function (output) { 
       $('#search_results').html(output).show(); 
      }); 
     } 
    }) 
}); 

形式：

<form name="form"> 
    <img src="gfx/search_magnifyer.jpg" width="18" height="18" border="0" 
    align="absmiddle"> 
    <input name="name" type="text"> 
    <input type="button" onClick="get()" value="Go"> 
</form> 

任何人都可以幫你？

Answer 1

爲了獲得或者「回車鍵」或「點擊鏈接」的工作，改變你的按鈕的類型爲「提交」，而不是按鈕：

<input type="submit" value="Go"> 

然後你就可以做到以下幾點：

$(document).ready(function() { 
    $("#searchform").submit(function(e){ 
     e.preventDefault(); // prevents default form submition 
     get(); // executes your get function 
    }); 
}); 

Answer 2

而不是使用onClick事件，請使用submit事件。

讓表單的searchform ID和做

$('#searchform').submit(function(){ 
    // do your stuff here 
}); 

Answer 3

你應該輸入型提交併調用形式的功能onsubmit事件。你可以這樣做

如果你想使用ajax，在get()中返回false。

<form name="form" onsubmit="return get();"> 
       <img src="gfx/search_magnifyer.jpg" width="18" height="18" border="0" align="absmiddle"> 
       <input name="name" type="text"><input type="submit" value="Go">