为什么我引入了validation的js文件，写出来根本没效果啊？？？

<script type="text/javascript" src="../lib/jquery.js"></script>    
<script type="text/javascript" src="../dist/jquery.validate.js"></script>

下载了最新版validation，是个文件夹，一堆JS文件，开始不知道引用哪个，试了半天没效果，然后照着文件夹里面的DEMO引入了上面2个文件。

自己写的代码如下：

<script>
$(document).ready(
function(){
alert("被调用");
$("#form1").validate({
rules:{
username:{
required:ture,
minlength:6,
maxlength:10
},
password:{
required:ture,
minlength:8,
maxlength:16
}
},
messages:{
username:{
required:"必须填写用户名",
minlength:"最小长度为6",
maxlength:"最大长度为10"
},
password:{
required:"必须填写密码",
minlength:"密码最小为8位数",
maxlength:"密码不得超过16位数"
}
}
})
}
)
</script>

专门加了一行alert的代码，用浏览器打开的时候也弹出了，说明jquery能正常使用，可是表单验证根本没有任何提示信息。大小写、命名问题我都检查了，没发现毛病。难道是我引用validation的方法错了？可是我明明直接照着下载下来的demo用的啊。

顺便贴下HTML代码吧：

<body>
<form id="form1">
<fieldset>
<legend>表格</legend>
<p>
<label for="username">用户名：</label>
<input type="text" name="username" id="username" required />
</p>
<p>
<label for="password">密码：</label>
<input type="password" name="password" id="password" required />
</p>
<input type="submit" name="submit" value="登录">
</fieldset>      
</form>
</body>

煤桶骑士3913029

浏览 2011回答 1

1回答

随时随地看视频慕课网APP