<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="text" id="password" name="password"/>
		</p>
		<p>
			<label for="cfpassword">再次输入密码</label>
			<input type="text" id="password" name="cfpassword"/>
		</p>
		<p>
			<input type="submit" value="登陆" />
		</p>
		</fieldset>
</form>

假设我们已经成功引入了JQuery-validation插件，以上我们建立了一个测试的界面

注意：

下面我们书写js时，

username/ password等均

是html的标签里name！！！

是name  不是id!!!

<script >
	$("#demoForm").validate({
		rules:{
			debug:true,//实施检测
			username:{
				required:true,
				minlength:2,
				maxlength:10,
			},
			password:{
				required:true,
				minlength:2,
				maxlength:10
			},
			cfpassword:{
				equalTo:"#password"
			}
		},
		messages:{

		}
	});
</script>

效果如图：