jquery - 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){
                                 ^

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