<<!DOCTYPE?html>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>表單驗證</title>
<body>
<form?id="yz">
<fieldset>
<legend>用戶登錄</legend>
<P>
<label?for="username">用戶名</label>
<input?type="text"?id="username"?name="username"?/>
</P>
<p>
<label?for="password">密碼</label>
<input?type="password"?id="password"?name="password"?/>
</p>
<input?type="submit"?value="登錄"?/>
</fieldset>
</form>
<script?type="text/javascript"?src="vendor\jquery.validate-1.13.1.js"></script>
<script?type="text/javascript"?src="vendor\jquery-1.10.0.js"></script>
<script?type="text/javascript">
$(document).ready(function()?{
$("#yz").validate({
debug:true,
rules:{
username:{
reuqired:true,
minlength:2,
maxlength:10
},
password:{
reuqired:true,
minlength:2,
maxlength:16
}
},
message:{
username:{
required:?'請輸入用戶名',
????????????????????minlength:?'用戶名不能小于2個字符',
????????????????????maxlength:?'用戶名不能超過10個字符',
},
password:{
required:?'請輸入密碼',
????????????????????minlength:?'密碼不能小于2個字符',
????????????????????maxlength:?'密碼不能超過16個字符'
}
}
});
});
</script>
</body>
</html>
2015-12-19
rules里寫錯了,應(yīng)該是required。