jQuery表单.submit处理程序无法正常工作

Question

我需要在提交表单时发出GET ajax请求。不应重新加载页面。试图附加jQuery .submit()处理程序但由于某种原因这不起作用。为什么呢？

...
 $('#login-form').submit(function(){
            e.preventDefault();
            alert('Hi');
                   ....
         });
...

<form id="login-form" class="navbar-form" action="" method="get" >
                            <input id="email" class="span2" type="text" placeholder="Email">
                            <input id="password" class="span2" type="password" placeholder="Password">
                            <button type="submit" id="login-btn" class="btn btn-primary">Sign in</button>

                        </form >

Answer 1

您忘记了回调中的e参数。

$('#login-form').submit(function(){

应该是

$('#login-form').submit(function(e){
                                 ^

之后它应该工作。如果它不确保在文档就绪事件内或在定义表单之后绑定处理程序。