如何使用搜索查詢表單？

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; 
});