validform自定义提示效果


使用tiptype自定义提示效果

<form class="registerform" method="post" action="">
        <div class="form">
            <div class="field">
                <span>发票类型:</span>
                <label>增值税专用发票</label>
            </div>
            <div class="field">
                <span>发票代码:</span>
                <input type="text" class="fpdm" datatype="fd"/>
                <span class="Validform_checktip"></span>
            </div>
            <div class="field">
                <span>发票号码起止:</span>
                <input type="text" class="fphm" datatype="lx" />
                <a href="###" class="add">+</a>
                <label>(格式:10000001-10000009)</label>
                <span class="Validform_checktip"></span>
            </div>
            <div class="fieldlh" >
            </div>
            <div class="field">
                <input type="submit" value="保存" class="czbtn save" />
                <input type="reset" value="重置" class="czbtn reset" />
            </div>
        </div>
</form>

js部分

$(function(){
           $(".registerform").Validform({
            btnSubmit:".save", 
            btnReset:".reset",
            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);
                var objtip=o.obj.siblings(".Validform_checktip");
                cssctl(objtip,o.type);
                objtip.text(msg);
            }
        });
    });

如果tiptype插件自带的1,2,3,4都不中用那就自己定义吧


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM