本文介绍了jQuery覆盖默认验证错误消息显示(Css)Popup/Tooltip之类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!
问题描述
我正在尝试使用 div 而不是标签来覆盖默认错误消息标签.我看过
(来源:scriptiny.com)
如果您希望在一组选项或字段之后显示错误消息.然后将一个容器内的所有这些元素分组为div"或fieldset".例如,为所有这些组"添加一个特殊类.并将以下内容添加到 errorPlacement 函数的开头:
errorPlacement: function(error, element) {if (element.hasClass('group')){元素 = element.parent();}...//如前所述继续
如果您只想处理特定情况,可以使用 attr 代替:
if (element.attr('type') == 'radio'){元素 = element.parent();}
这应该足以让错误消息显示在父元素旁边.
您可能需要将父元素的宽度更改为小于 100%.
<小时>我已经尝试过您的代码,它对我来说非常好用.这是一个预览:
我只是对消息填充做了一个非常小的调整,以使其适合该行:
div.error {填充:2px 5px;}
您可以更改这些数字以增加/减少顶部/底部或左侧/右侧的填充.您还可以在错误消息中添加高度和宽度.如果您仍然遇到问题,请尝试将 span 替换为 div
<div class="group">
然后给容器一个宽度(这个很重要)
div.group {宽度:50px;/* 或任何其他值 *
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!