前端页面例子
<form>
<div class="form-group">
<label class="col-sm-1 control-label no-padding-right"
for="form-field-1">填报截止日期<span class="middle red">*</span></label>
<div class="col-sm-4">
<input type="text" name="objReportEtime" style="width:235px;" class="col-sm-12" validate="{required:true,range:[1,30],digits:true}"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-1 control-label no-padding-right"
for="form-field-1">审批结束时间<span class="middle red">*</span></label>
<div class="col-sm-4">
<input type="text"
name="paEtime" style="width:235px;" class="col-sm-12" validate="{required:true,range:[1,31],digits:true}"/>
</div>
</div>
</form>
自定义校验,这里,判断 其中一个输入值 要大于 另一个输入值才 可以的
js代码:
//自定义校验
//自定义一个验证方法
$.validator.addMethod(
"notThan", //验证方法名称
function(value, element, param) { //验证规则
var paEtime = $("input[name=paEtime]").val();
var objReportEtime = $("input[name=objReportEtime]").val();
if ((objReportEtime) && (paEtime)) {
if (paEtime > objReportEtime) {
return true;
} else {
return false; //校验不通过,提示校验信息
}
} else {
return true;
}
},
'不能小于填报截止日期' //验证提示信息
);
$("#hrEffPfmcePlanSaveForm").validate({
rules: {
paEtime: {
notThan: true
}
}
});
到这里就算完成自定义检验了,不会和原来的 validdate 自动的检验有冲突的
//表单绑定验证
var savePostUrl = _ctxPath + "/pfmcePlan/hrEffPfmcePlan/save.do";
bindFormValidation("hrEffPfmcePlanSaveForm", null, savePostUrl, saveCallback);
参考地址:
//加入自定义检验方法,validate
//自定义一个验证方法
$.validator.addMethod(
"notThan", //验证方法名称
function(value, element, param) { //验证规则
=$("input[name=yearSearch]").val();
if (true) {}
return value == eval(param);
},
'不能小于目标填报结束日期' //验证提示信息
);
参考地址 自定义校验 例子: http://www.jb51.net/article/78213.htm