您的位置:首页 > Web前端 > JQuery

jquery invalidation插件

2015-07-09 20:47 567 查看
jquery invalidation 是一款简单易用的客户端验证表单的组建。需要引入这两个文件

代码如下:

<script src="js/jquery-1.10.0.js"></script>
<script src="js/jquery.validate-1.13.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var validator;
validator = $("#form1").validate({
debug:true,
rules:{
username:{
required:true,
//email:true
//minlength:2,
//maxlength:10,
//rangelength:[2,10],
//number:true(可以是小数,负数等)
//digits:true(只能是整数)
//date:true,
//dateISO:true,(更加严格)
//min:2,
//max:10
//remote:"remote.json"
// remote:{
// 	url:"remote.json",
// 	type:"post",
// 	data:{
// 		logintime:function(){
// 			return +new date;
// 		}
// 	}
// }
},
password:{
required:true,
//minlength:5,
maxlength:16
},
"confirm-password":{
equalTo:"#password"
}
},
messages:{
username:{
required:"请输入用户名",
//minlength:"最小长度为2",
//maxlength:"最大长度为10",
rangelength:"用户名应该在2-10位"
//remote:"用户名不存在"
//min:"数字应该>2"
},
password:{
required:"请输入密码",
minlength:"最小长度为5",
maxlength:"最大长度为16"
},
"confirm-password":{
equalTo:"两次密码不一致"
}
},

//通过表单验证后执行的函数,比如说通过ajax把数据存到数据库
submitHandler:function(form){
console.log($("form").serialize());
},

//表单未通过验证时,自带静态函数
invalidHandler:function(event,validator){
console.log("错误数:"+validator.numberOfInvalids());
},
//设置忽略掉的验证,填写选择器
ignore:"#username",
});

$("#check").click(function(event) {
//只要有错误信息就是填写错误
alert($("#form1").valid() ? "验证成功":"验证失败");
});

//批量添加校验规则通过class
$.validator.addClassRules({
txt:{
minlength:5
}
});
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: