如何使用搜索查询表单？

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> 

一旦提交表单/用户按下回车键，就应该发送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; 
});