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
- Bacloud→€14.57 月 2GB 内存 20GB NVMe 空间虚拟空间(主机)
- 中日 IPLC 专线 VPS ￥120 月 512M 内存 10G H日本VPS[主机]
- CN2 ￥62 月 1G 内存 15G SSD 400G 流量@50M香港VPS[主机]
- 玩具-Friendhosting→$1.75 起 首付 5 折 KVM 全球[VPS测评]
- tp5 怎么使用 find_in_set thinkphp5 中 fin全球[VPS测评]
- php 生成随机颜色最简单办法 php 一句话代码生成随机颜色全球[VPS测评]
- 便宜 CloudCone→$2 每月 1 核 CPU 512M 内存 1全球[VPS测评]
- racknerd→母亲节 VPS 优惠活动 $20.88 年 KVM 1全球[VPS测评]
- 优惠 糖果主机→美国云服务器上线 年付 348 元起 另有中美极速专线套美国VPS[主机]
- 阿里云服务器年末特惠:新用户 1 折起 15M 大带宽 每人限购 3-5全球[VPS测评]
- WordPress基于WPJAM BASIC开发的免费主题：Autumn全球[VPS测评]
- Contabo德国老牌商家新上新加坡数据中心，前1000名用户免设置费；美国VPS[主机]
- 狗云dogyun香港便宜vps春节促销，2G内存/BGP优化/20Mbp香港VPS[主机]
- Uluhost → 1.5$ 月 土耳其 1C2G25G硬盘 1Gbps全球[VPS测评]
- 绿云GreenCloud 香港DC2 黑五25美元年付vps 测评记录香港VPS[主机]
- Rabbithosts 美国 BGP-P → 电信CN2 GIA 联通9美国VPS[主机]
- 很简单的图片不规则布局样式，纯css样式实现的图片瀑布流布局全球[VPS测评]
- 宝塔面板在香港服务器安装启动不了nginx怎么办?香港VPS[主机]
- 邢志宏：加快推动高质量建设跨境电商综试区起势成势全球[VPS测评]
- 适合美容院的正能量抖音文案，唯美阳光，正能量满满全球[VPS测评]
- UCloud云服务器2020年度大促：北京/上海云服务器/香港免备案云服香港VPS[主机]
- 磐逸云怎么样?香港沙田cn2vps 带宽5M年付128元香港VPS[主机]
- 言車新车｜大阳VPS125混动踏板，长续航，代步通勤9980元起全球[VPS测评]
- TabbyCloud：1核512MB内存/20GB/500GB流量/KV香港VPS[主机]
- WHMCS 8.1如何简化注册页面全球[VPS测评]
- LOCVPS：香港vps八折优惠中,双十一预热,充值充600送150,六香港VPS[主机]
- CIO和其他IT领导者充分利用边缘计算增强业务的4个关键全球[VPS测评]
- 易凡云：国内洛阳BGP,辽宁BGP防CC,云服务器低至48.26元/月,香港VPS[主机]
- 微基主机：1核1G香港云服务器,100Mbps/香港CN2直连/KVM/香港VPS[主机]
- 2.45亿、成都公安（大数据基座-服务器）采购：神码、虹信、海康、超聚变全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-219306.html