Question

i am trying to get a search box to work on both click a button or an enter action yet i cant get the enter action to work as well as enter.
I know this isnt strictly php but i am using all php functions with the search and wondered if anyone could help.

This is my code:

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 :

<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>

Anyone can you help?

Answer 1

To get either “Enter button” or “Button click” to work, change the type of your button to “submit” instead of button:

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

Then you can do the following:

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