注:使用validform需要引入css和js
<link rel="stylesheet" href="<%=path %>/ui/validform/css/validform.css">
<script src="<%=path %>/ui/validform/js/validform_v5.3.2_min.js"></script>
jsp中:
<input " type="text" datatype="*" name="journalVo.recordDate" >
<span for="journalVo.recordDate" class="Validform_checktip"></span>
js中:
<script type="text/javascript">
$(document).ready(function(){
//表单验证
$("#addForm").Validform({
tiptype:function(msg,o,cssctl){
//msg:提示信息;
//o:{obj:*,type:*,curform:*}, obj指向的是当前验证的表单元素(或表单对象),type指示提示的状态,值为1、2、3、4, 1:正在检测/提交数据,2:通过验证,3:验证失败,4:提示ignore状态, curform为当前form对象;
//cssctl:内置的提示信息样式控制函数,该函数需传入两个参数:显示提示信息的对象 和 当前提示的状态(既形参o中的type);
if(!o.obj.is("form")){//验证表单元素时o.obj为该表单元素,全部验证通过提交表单时o.obj为该表单对象;
var nameValue = $(o.obj).attr("name");
var objtip=$("span[for='"+nameValue+"']")
cssctl(objtip,o.type);
objtip.text(msg);
}else{
var nameValue = $(o.obj).attr("name");
var objtip=$("span[for='"+nameValue+"']")
cssctl(objtip,o.type);
objtip.text(msg);
}
},
ignoreHidden:true,
label:".label",
showAllError:true,
ajaxPost:true,
callback:function(data){
showmsg(data);
}
});
//提示信息
showmsg=function(msg){
bootbox.alert(msg.info,function(){
window.location.href="/eis/oa/journal_list";
});
}
});
</script>