                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery插件——Validation Plugin

驗證無法實現。求大神知指導

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>validate插件</title>
? ?<script src="/驗證插件/jquery-1.10.0.js" type="text/javascript"></script>
? ?<script src="/驗證插件/jquery.validate-1.13.1.js" type="text/javascript"></script>

? ?<style>
? ? ? ?body{
? ? ? ? ? ?font-size:20px;
? ? ? ? ? ?line-height:1.6;
? ? ? ?}
? ? ? ?p{
? ? ? ? ? ?margin: 10px 0;
? ? ? ?}
? ? ? ?label{
? ? ? ? ? ?display:inline-block;
? ? ? ? ? ?min-width: 140px;
? ? ? ?}
? ? ? ?label.error{
? ? ? ? ? ?margin-left:10px;
? ? ? ? ? ?color: red;
? ? ? ?}

? ? ? ?input,button{
? ? ? ? ? ?line-height: 20px;
? ? ? ? ? ?border:1px solid #999999;
? ? ? ? ? ?min-width: 180px;
? ? ? ?}
? ? ? ?input.error{
? ? ? ? ? ?border: 1px solid red;
? ? ? ?}
? ? ? ?input[type=submit],button{
? ? ? ? ? ?margin-top: 20px;
? ? ? ? ? ?font-size: 20px;
? ? ? ? ? ?padding: 10px 0;
? ? ? ?}
? ?</style>
</head>
<body>
<form id="demoForm" style="border: 1px solid red">
? ?<fileset>
? ? ? ?<legend>用戶登錄</legend>
? ? ? ?<p>
? ? ? ? ? ?<label for="username">用戶名</label>
? ? ? ? ? ?<input type="text" id="username" name="username">
? ? ? ?</p>
? ? ? ?<p>
? ? ? ? ? ?<label for="password">密碼&#160&#160&#160&#160</label>
? ? ? ? ? ?<input type="text" id="password" name="password">
? ? ? ?</p>
? ? ? ?<p>
? ? ? ? ? ?<input type="submit" value="登錄">
? ? ? ?</p>
? ?</fileset>
</form>
<script type="text/javascript">
? ?$(document).ready(function () {
? ? ? ?$("#demoForm").validate({
? ? ? ? ? ?rules:{
? ? ? ? ? ? ? ?username:{
? ? ? ? ? ? ? ? ? ?required:true,
? ? ? ? ? ? ? ? ? ?minlength:2,
? ? ? ? ? ? ? ? ? ?maxlength:10
},
? ? ? ? ? ? ? ?password:{
? ? ? ? ? ? ? ? ? ?required:true,
? ? ? ? ? ? ? ? ? ?minlength:2,
? ? ? ? ? ? ? ? ? ?maxlength:16
}
? ? ? ? ? ?}
? ? ? ?});
? ?});
</script>
</body>
</html>