jQuery Validation 验证 Bootstrap 的输入框组(input-group)时提示信息错位的解决办法
 |  |  |  |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
当使用 jQuery Validation 插件验证 Bootstrap 输入框组的时候，提示的错误信息会导致输入框组错位，具体如图：
解决方法就是通过 errorPlacement 方法去重新设置错误信息的显示位置，具体代码如下：
$.validator.setDefaults({ highlight: function(element) { $(element).closest('.form-group').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error'); }, errorElement: 'span', errorClass: 'help-block', errorPlacement: function(error, element) { if(element.parent('.input-group').length) { error.insertAfter(element.parent()); } else { error.insertAfter(element); } } });解决后的错误提示截图：
猜你可能想看的VPS
- 亲库 新人免费 0 元购撸实物全球[VPS测评]
- 便宜域名 腾讯云→23 元可以购买 10 年的 XYZ 域名全球[VPS测评]
- 便宜 VPS $0.99 月 256M 内存 5G SSD 1Gbps 全球[VPS测评]
- 身字下面有六个甲是什么成语？全球[VPS测评]
- 疯狂猜成语 图猜成语一个事字和一个虚线写的成字是什么成语？全球[VPS测评]
- 秒杀 腾讯云→1 核 2G 50G 1M 套餐年付 99 元 2 核 4全球[VPS测评]
- DedeCMS 自带的评论功能不显示内容编辑器的解决办法全球[VPS测评]
- 腾讯内部单边拥塞算法 BBR-TCPA 一键脚本安装及速度测评全球[VPS测评]
- [JSAPI] config: invalid url domain 微全球[VPS测评]
- 腾讯云 - 域名续费减 20 代金券 云服务器满 200-100 代金券全球[VPS测评]
- HostXen 充 500 送 50 充 600 送 100 香港&日本日本VPS[主机]
- 便宜 VPS ￥26 月 1G 内存 40G SSD 1T 流量 1Gb全球[VPS测评]
- 疯狂猜成语 图猜成语十个房子只有一个房子有人是什么成语？全球[VPS测评]
- 五折大促！桔子 VPS 美国 Cn2 Gia,1 核 1G 100M 带美国VPS[主机]
- PHP 判断是否为支付宝客户端的函数全球[VPS测评]
- 主机推荐：Fastcomet虚拟主机全球[VPS测评]
- WordPress基于WPJAM BASIC开发的免费主题：Honey主全球[VPS测评]
- WordPress无插件自动实现标签关键字内链全球[VPS测评]
- 快速云：云计算分类和云计算的特点全球[VPS测评]
- 跨境电商洋码头生死攸关：买手流失资金被冻结保全全球[VPS测评]
- 阿里云免备案服务器怎么样?阿里云香港服务器价格多少钱一年?香港VPS[主机]
- 源云主机,香港沙田VPS CN2 1核1G 24/月 NTT 50M 9香港VPS[主机]
- 狸猫云：香港高速CN2VPS,200元/年-香港高速GIA云服务器促销活香港VPS[主机]
- 阿里云香港服务器多少钱?阿里云香港服务器价格香港VPS[主机]
- 阿里云香港服务器多少钱一年?香港云服务器租用年付价格表香港VPS[主机]
- 人们为啥不爱吃海底捞了?海底捞上半年亏损达2.97亿 网友神评扎心全球[VPS测评]
- 好云：国内云服务器2核2G5M优惠,仅350元/年;香港/海外云服务器,香港VPS[主机]
- 葫芦云：香港CN2/洛杉矶GIA高防vps,24元/月;1核/1GB/2虚拟空间(主机)
- 互盟云怎么样?1核2G云服务器仅468元/年,香港云主机58元/月香港VPS[主机]
- DiyVM：香港/日本/美国vps低至5折,2G内存月付69元起;香港服日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-210329.html