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

jQuery override default validation error message display (Css) Popup/Tooltip like(jQuery覆盖默认验证错误消息显示(Css)Popup/Tooltip之类)
本文介绍了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;/* 或任何其他值 *
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
How to trim() white spaces from a string?(如何从字符串中去掉()空格?)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)
How to minify json response?(如何缩小JSON反应?)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)