jQuery覆盖默认验证错误消息显示(Css)Popup/Tooltip之类

jQuery override default validation error message display (Css) Popup/Tooltip like(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；/* 或任何其他值 *