Question

jquery验证没实现 求找问题所在。。

在head里写了jquery

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>

<script type="text/javascript">

$(document).ready(function(){
$("#login").validate({
rules:{
username:{
required:true,
minlength:2,
},
password:{
required:true,
rangelength: [6,16],
}
},
messages:{
username: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters",
},
password: {
required: "Please provide a password",
rangelength: "Your password must be at least 6 characters long"
},
},
});
});

</script>
表单如下
<section class="main">
<form class="form-1" id="login" action="Login" method="post" theme="simple">
<p class="field"><label for="username"></label>
<input type="text" name="login_name" id="username" placeholder="Username">
<i class="icon-user icon-large"></i>
</p>
<p class="field"><label for="password"></label>
<input type="password" name="login_pass" id="password" placeholder="Password">
<i class="icon-lock icon-large"></i>
</p>
<p class="submit">
<button type="submit" name="submit"><i class="icon-arrow-right icon-large"></i></button>
</p>
</form>
</section>

Answer 1

name="login_name"

name="login_pass"

写成
name="username"

name="password"
看看