问答详情
源自:1-2 如何开始及举例

插件效果无法显示

<!DOCTYPE <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>登录界面-jQuery validation 插件</title>
	<link rel="stylesheet" type="text/css" href="E:\WEB\CSS\login.css">
</head>
<body>
    <form id="demoForm">
    	<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>
    		<p>
    			<input type="submit" value="登录"/>
    		</p>
    	</fieldset>
    </form>

    <script src="E:\WEB\Scripts\jquery.js"></script>
    <script src="E:\WEB\Scripts\jquery-validation-1.15.0\dist\jquery.validate.js"></script>
    <script>
        $(document).ready(function(){
        	$("#demoForm").validate({
        		rules:{
        			username:{
        				required:true,
        				minlength:2,
        				maxlength:10
        			},
        			password{
        				required:true,
        				minlength:2,
        				maxlength:16
        			}
        		}
        	});
        });
    </script>
</body>
</html>

为什么我这个无法显示插件的效果?求大神看过来

提问者:Maizi93 2016-10-17 17:11

个回答

  • qq_另一种_0
    2016-10-17 22:16:29
    已采纳

       password后面没加:

  • 迷茫的学者
    2016-11-17 13:31:36

    没有放到表单里吧