validform中自定验证提示位置

注：使用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>