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
- 便宜 $3.5 月 2 核 CPU 4G 内存 75G SSD 2Gbp全球[VPS测评]
- 新商家 edgeNAT→韩国 LG 机房 有条件免费试用一个月 BGP+韩国VPS[主机]
- Host4Fun→$7 月 2G 内存 25GB SSD 空间 500G虚拟空间(主机)
- CI 框架提示 Undefined property: XXX::$db全球[VPS测评]
- Piios 阿里云深港 IPLC 沪美 IPLC,30Mbps 可以长时全球[VPS测评]
- 企鹅小屋→400 元 月 E5-2630L 16GB 内存 240GB 香港VPS[主机]
- [黑五]VIRPUS 三折→西雅图 XEN VPS 月付 1.5 美元起全球[VPS测评]
- 新商家-KloudNex→$40 年 2 核 2GB 内存 32GB 空虚拟空间(主机)
- Vultr→韩国 日本 新加坡 洛杉矶 欧洲等 KVM VPS 随时更换日本VPS[主机]
- 劳动节促销 ZJI→香港葵湾机房服务器 CN2+BGP 线路 六折优惠 香港VPS[主机]
- 共勉关于带宽 满速 专线等的实在话全球[VPS测评]
- 企鹅小屋→香港 VPS 三网直连 1Gbps 大带宽 KVM 架构 2 香港VPS[主机]
- thinkphp 实现文件下载全球[VPS测评]
- 疯狂猜成语 图猜成语东西南北东北西北东南西南是什么成语？全球[VPS测评]
- Name 域名限时优惠→COM 域名$7.99 年全球[VPS测评]
- TCPDF 不能保存中文文件名的解决方法全球[VPS测评]
- OLVPS→端口转发 100GB 流量 月付 20 元；枣庄联通独服 3全球[VPS测评]
- Debian 10 如何启用 BBR 加速全球[VPS测评]
- Weebly网站迁移到WordPress的实操上手。全球[VPS测评]
- JGKVM促销,美国cn2vps服务器价格再创新低,平均6.5元/月起美国VPS[主机]
- 实例 GIA0910629396 重启失败,原因:sudo: unabl全球[VPS测评]
- 快速云：云计算分类和云计算的特点全球[VPS测评]
- 青果云怎么样?美国/香港/日本云主机 买多久送多久日本VPS[主机]
- JGKVM：1核/512M/30G/600G/30Mbps/洛杉矶CN2全球[VPS测评]
- 网站迁移服务器是如何运作的？新手站长看完这篇文章，很容易就能看完。全球[VPS测评]
- 快云科技：2核2G3M香港云BGP/新界CN2云服务器,月付33元香港VPS[主机]
- 阿里云香港服务器多少钱?阿里云香港服务器价格香港VPS[主机]
- Fatal error: Allowed memory size of 全球[VPS测评]
- 港网科技怎么样?国内BGP云主机,2核2G5M带宽仅377.46元/年全球[VPS测评]
- 野草云vps怎么样?香港美国vps,1核1G3M带宽,38元/月美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-204444.html