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

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

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

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

如何执行我上面描述的操作？

Answer 1

尝试

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