如何使用搜索查询表单?

时间:2012-08-14 19:26:28

标签: javascript jquery forms twitter-bootstrap

我有以下表格:

<form class="navbar-search pull-left" action="http://www.example.com/movie/<id>" id="get-movie-form">
    <input type="text" class="search-query" placeholder="Input user id" id="get-movie">
</form> 

提交表单/用户按Enter键后,应向http://www.example.com/movie/<id>发送GET请求,其中<id>应替换为用户输入值。

看起来我应该做的第一件事就是阻止默认表单提交。我尝试过以下代码:

$("#get-movie-form").click(function(e) {
  e.preventDefault();
  return false;
});

但它不起作用 - 无论如何都要提交表格。

如何做我上面描述的内容?

1 个答案:

答案 0 :(得分:2)

尝试

$("#get-movie-form").on("submit", function(e) {
    e.preventDefault();
    return false;
});