使用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都不中用那就自己定义吧