Jquery-validate无法验证，出现相应表单has no name assigned

找个各种方法- -结果发现是rules里的名字对应的是表单里的name。。而我没有给表单里设置name。。简直二到爆了

附带一段代码

bootstrap+jquery-validate的简单登陆验证

  <form id="login" class="form-horizontal" method="post" action="">
                    <label for="username">用户名</label>
                    <input  type="text" class="form-control" id="username" name="username">
                    <label for="password">密码</label>
                    <input  type="password" class="form-control" id="password" name="password">
                    <a  href="register.html">注册</a>
                    <a  style="padding: 15px">忘记密码</a>
                      <input  type="submit" value="Submit" style="float: right"></a>
</form>

js:

  $().ready(function() {
        $("#login").validate({
            submitHandler:function(form){
                alert("submitted");
                form.submit();
            },
            debug:true,
            rules:
            {
                username:{
                    required:true,
                    email:true
                },
                password:{
                    required:true,
                    minlength:5,
                    remote: {
                        url:"/login/check_password"
                    }
                }
            },
            messages:{
                username:{
                    required:"请输入账号名",
                    email:"请输入正确的邮箱"
                },
                password:{
                    required:"请输入密码",
                    minlength:"请至少输入{0}位密码"
                }
            }
        });
    });