javascript - 如何使用搜索查询表单？

Question

我有以下表格：

<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 后，它应该发送 GET 请求到http://www.example.com/movie/<id>，其中<id>应该替换为用户输入值。

看起来我首先应该做的是防止默认表单提交。我试过以下代码：

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

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

如何做我上面描述的事情？

Answer 1

尝试

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