jquery.validate.js之自定义表单验证规则

最新推荐文章于 2022-07-04 17:27:23 发布

幻影0680

最新推荐文章于 2022-07-04 17:27:23 发布

阅读量422

点赞数

文章标签： jquery.validate

本文链接：https://blog.csdn.net/kone12345/article/details/51812050

版权

//这种验证只针对表单中的控件，其他在表单外的单独控件没有作用

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="jquery.validate-1.8.1.js"></script>

<script type="text/javascript">
$.validator.addMethod('checkNum',function(value,element){//自定义验证规则方法
var res=false;
var startNum= $('#Begin').val();
var endNum= $('#End').val();
//var endNum=$.trim(value);
if(startNum>=endNum){
result=false;
}else{
result=true;
}
return this.optional(element)||result;

});

$(function(){
$('#share').validate({
rules:{
Begin:{//要验证的标签的name值
digits:true,//这是jquery.validate-1.8.1.js默认的，要求输入数字，
//其他用法可自行查看文档
},
End:{
digits:true,
checkNum:true,//这个自定义规则的验证方法

}
},
messages:{ //验证不通过是提示的自定义提示信息
Begin:{
digits:"必须输入整数",
},
End:{
digits:"必须输入整数",
checkNum:"后个数必须要大于前一个数",

},

}
});
});

</script>
</head>
<body>
<div style="width:500px;height:500px;">
<form id="share" method="get" action="">
第一个：<input id="Begin" name="Begin" type="text"/><br/>
第二个：<input id="End" name="End" type="text"/><br/>
<input type="submit" value="验证">
</from>
</div>
</body>
</html>