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
- 生日优惠 OLVPS→国内外机房多重神秘优惠 洛杉矶安畅机房 CN2 G全球[VPS测评]
- 彩虹数据日本 CN2 GIA VPS 速度及综合性能测评,最高 30M 日本VPS[主机]
- VirMach→便宜美国 VPS 补货 洛杉矶 西雅图节点可选 35 元美国VPS[主机]
- cloudcone 便宜美国 vps 低至 2.5 折,平均 10 元 美国VPS[主机]
- IMIDC→$4 月 KVM-512MB 20GB 500GB 香港&台日本VPS[主机]
- Class 'PDO' not found全球[VPS测评]
- hostflyte 目前 CN2 GIA 线路的 VPS 套餐全球[VPS测评]
- 云创网络洛杉矶安畅 GIA 带宽免费升级,最高 300M 6 折起,美国美国VPS[主机]
- Secure Dragon→美西坦帕 OpenVZ VPS 128MB 虚拟空间(主机)
- DMIT→洛杉矶 CN2 GIA VPS 1GB 内存 不限流量 10M全球[VPS测评]
- 特价 $69 月 E3-1230v2 16G 内存 2T 硬盘 10T美国VPS[主机]
- php 怎么判断字符串中是否包含指定的字符或字符串全球[VPS测评]
- Moack 韩国独立服务器特惠,2.5 折起,双路 E5 32G 内存 独立服务器[U]
- 更新WordPress网站PHP7.2新版本的注意事项全球[VPS测评]
- gcorelabs 伯力和海参崴机房 488m内存/8G硬盘/288G流全球[VPS测评]
- WordPress网站PHP纯代码生成文章海报图片实现分享全球[VPS测评]
- DMIT 洛杉矶 Cloudflare 高防 CN2GIA 线路 LAX全球[VPS测评]
- owocloud-广州移动独立IP-vps测评独立服务器[U]
- BuyVM 拉斯维加斯 媒体解锁-中国特别版 → 无限流量 → 1G 2全球[VPS测评]
- On9Host 1核心 512M内存 5G SSD 2T流量 30Mbp香港VPS[主机]
- PacificRack → 1C 512M RAM 10G SSD 50全球[VPS测评]
- 港口雄开万里流丨不出国门海淘全球青岛跨境电商未来可期全球[VPS测评]
- 菠萝云服务器怎么样?香港云主机BGP、CN2,2核1G2M带宽仅49元/香港VPS[主机]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- 言車新车｜大阳VPS125混动踏板，长续航，代步通勤9980元起全球[VPS测评]
- 阿里云ecs香港服务器怎么购买?阿里云香港2核8G5M云服务器仅2449香港VPS[主机]
- 用玩客云做打印服务器，让你在手机上轻松实现无线打印全球[VPS测评]
- 源云主机,香港沙田VPS CN2 1核1G 24/月 NTT 50M 9香港VPS[主机]
- GreenCloudVPS：5折、6折优惠，日本、新加坡、香港等KVM 日本VPS[主机]
- 精美的宠物医院网站WordPress主题 - Valkuta全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-201536.html