<!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
},
postcode:{
postcode:true
}
},
messages:{
name:{
required:'不能为空',
email:'请输入正确的邮箱'
},
password:{
required:'不能为空'
},
"confirm-password":{
equalTo:'密码输入不一致'
},
url:{
required:'不能为空',
url:'请输入正确的URL地址'
}
}
});
$.validator.addMethod("postcode",function(value,element,params){
var postcode = /^[0-9]{6}$/;
return this.optional(element) || (postcode.test(value));//允许为空
//return (postcode.test(value));//不允许为空
},"请填写正确的邮编！");
});
</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 name="postcode" type="text" /><br />
<input type="submit" value="登录">
</form>
</body>
</html>