rapid-validation 多验证,错误信息显示问题解决办法

本文探讨了在同一字段进行多次验证时出现的错误信息显示问题,并提供了解决方案。当使用Effect.fade与Effect.appear时,可能会导致部分验证信息无法正确显示。文章通过实例展示了如何调整效果以确保所有验证信息都能正常呈现。

对于同一字段的多验证且使用了advice错误信息定位的,发现第一验证通过而第二,第三验证出错信息总是褪去。后来发现是Effect的fade与 Appear同时使用造成的,也就是第一验证通过后,调用了Effect.fade而第二验证却调用了Effect.appear,这个时候Apper会 出问题,所以若有需要多验证且指定错误信息位置,而又不想丢掉Effect的效果,建议去掉Fade,只保留Appear。例如:
<input name="lengthtest" id="lengthtest" class="required length-range-3-5" />
<div id="advice-lengthtest" style="display:none" class="validation-advice"></div>

附上修改后的validation_cn.js

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值