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
- Vultr 最新促销 新用户注册送 50 美元 (日本 新加坡 洛杉矶 日本VPS[主机]
- 阿里云双十一拼团→云服务器年付 86 元起 2C4G3M 三年 799 全球[VPS测评]
- $19 半年 500M 内存 15G SSD 500G 流量 1Gbps美国VPS[主机]
- 国人新商家-Cheapnat→99 元 年 300G 流量 600Mbp全球[VPS测评]
- 特价 桔子 VPS→洛杉矶 CN2 VPS 三网直连 回程 CN2 月付全球[VPS测评]
- 傲游主机→64 元 月 KVM-2GB 40GB 400GB 香港(CN香港VPS[主机]
- 利用 google voice 开启微信隐藏电话功能 WeChat Ou全球[VPS测评]
- HKServerSolution→359 元 季-2GB 15G SSD全球[VPS测评]
- Google Chrome 浏览器怎么清除缓存数据？全球[VPS测评]
- DediPath VPS 调整升级,G 口带宽无限流量,洛杉矶 Inte全球[VPS测评]
- 夏季优惠 Sharktech 促销活动→E3-1270v2 16G 2T全球[VPS测评]
- pacificrack→5 月特价便宜 VPS $9.89 年 KVM 全球[VPS测评]
- 谷歌浏览器Google Chrome版本大全全球[VPS测评]
- WordPress基于WPJAM basic开发的主题：Sweet全球[VPS测评]
- 恒创科技元旦 香港/美国VPS 2折起；高防服务器6折优惠美国VPS[主机]
- 红米 Redmi K20Pro MIUI 11 欧版 ROM 刷机教程全球[VPS测评]
- 博客写手怎么突破更新文章的困境全球[VPS测评]
- 防ddos攻击的服务器 建站必选全球[VPS测评]
- 网站改版对搜索引擎SEO优化是否有影响？全球[VPS测评]
- 香港的云服务器值得租用吗？有什么好处？香港VPS[主机]
- 者也IO,香港日本美国云服务器促销,2核2G1000元/2年,7折+内存日本VPS[主机]
- 又有美议员窜访台，中国驻美大使馆：“中方将对美国的挑衅采取果断的反制措施美国VPS[主机]
- 拼多多入局跨境电商平台，首站美国；奈雪的茶在上海建第二总部；pidan“美国VPS[主机]
- 如何设置必应api 自动推送网站全球[VPS测评]
- 硅云服务器拼团活动：香港云服务器1核1G,拼团价仅98元/年香港VPS[主机]
- 2.45亿、成都公安（大数据基座-服务器）采购：神码、虹信、海康、超聚变全球[VPS测评]
- 腾讯云免备案云服务器：香港/德国/美国/俄罗斯等可选,低至300元/年美国VPS[主机]
- 青云互联：年终特惠香港弹性云服务器15元/月起,可自定义配置,可选winWINDOWS
- 极光KVM双12：全场月付/季付产品全部5折,永久优惠,年付最高立减15全球[VPS测评]
- 因搜包耽误员工下班，苹果将支付3050万美元赔款全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-213302.html