前端：html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery validation之表单验证</title>
<script src="./jquery-1.11.1.min.js"></script>
<script src="./jquery.validate.min.js"></script>
<script>
$(function () {
$("#login").validate({
debug:true,
rules:{
name:{
required:true,
email:true
},
password:{
required:true
},
"confirm-password":{//若有"-"，则应加双引号
equalTo:'#password',//==>表单中必须加上"id属性"
},
url:{
required:true,
url:true
}
},
messages:{
name:{
required:'不能为空',
email:'请输入正确的邮箱'
},
password:{
required:'不能为空'
},
"confirm-password":{
equalTo:'密码输入不一致'
},
url:{
required:'不能为空',
url:'请输入正确的URL地址'
}
}
})
});
</script>
</head>
<body>
<form action="" method="get" id="login">
用户名：<input name="name" type="text" /><br />
密码：<input id="password" name="password" type="password" /><br />
确认密码：<input name="confirm-password" type="password" /><br />
URL：<input name="url" type="text" /><br />
<input type="submit" value="登录">
</form>
</body>
</html>