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
- 2019 年 2 月 Vultr 最新促销活动整理 新注册用户完成首充最全球[VPS测评]
- ONEVPS→$4 月 KVM-512MB 20G SSD 1G 无限流日本VPS[主机]
- 阿里国际→香港虚拟主机 5GB 空间 512MB 内存 50GB 月流量虚拟空间(主机)
- [11.11]KVMLA 香港 日本 新加坡年付 6 折 月付 8 折日本VPS[主机]
- Centos 安装宝塔面板错误 提示 Python-pip instal全球[VPS测评]
- Chrome 浏览器提示→Adobe Flash Player 更新完毕全球[VPS测评]
- win7 修改 iis7 默认端口号方法 win7 系统如何修改 iis全球[VPS测评]
- thinkphp5 在 phpstudy 下无法去掉 index.php全球[VPS测评]
- 疯狂猜成语 图猜成语一个太阳三根香蕉一个月亮四根香蕉是什么成语？全球[VPS测评]
- git 提示→nothing added to commit but u全球[VPS测评]
- CN2 $14.99 半年 768M 内存 20G 硬盘 750G 流量全球[VPS测评]
- 标准互联→襄阳电信 5G 防御款 2 核 4G 70G 硬盘 10M 月全球[VPS测评]
- 老板抠门-标准互联襄阳电信高防云服务器 最高 200G DDOS 防御 全球[VPS测评]
- 不限流量 FirstByte 夏季折扣→俄罗斯 美国 欧洲 VPS 五折美国VPS[主机]
- 1M 等于多少字节全球[VPS测评]
- 活动 HostXen→新用户送 20 元 日本直连 7M 不限流量 VP日本VPS[主机]
- WordPress前端优化设置教程全球[VPS测评]
- 购买VPS需要注意的30个问题全球[VPS测评]
- WordPress插件：mk-sitemap实现网站地图全球[VPS测评]
- Owocloud-上海cn2 Nat 100Mbps 2TB流量 89元全球[VPS测评]
- Virmach 2019春季促销-512M 10G ssd 500G年付全球[VPS测评]
- 升级为单向流量! RFChost → 洛杉矶Premium → CN2全球[VPS测评]
- 精编案例丨游戏行业转型升级迫在眉睫，云计算助力打造下一代游戏体验全球[VPS测评]
- 什么是IconFont ？iconfont 的使用和解析全球[VPS测评]
- 谷歌浏览器网址如何显示http,www，Chrome谷歌浏览器恢复地址栏全球[VPS测评]
- 为什么要拥有一台VPS？全球[VPS测评]
- 阳帝云双十二活动：1核1G10M大宽带香港BGP云服务器,月付14元香港VPS[主机]
- 人力资源管理系统前端Web模板 - SmartHR全球[VPS测评]
- 跨境电商洋码头生死攸关：买手流失资金被冻结保全全球[VPS测评]
- 水墨云：特惠香港、日本、韩国、洛杉矶小内存vps;IPLC专线/海外CN日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-213302.html