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

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