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}位密码"}}});});