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
- 企鹅小屋→350 元 月 E3-12XX 16GB 内存 1TB 硬盘 香港VPS[主机]
- DedeCMS 中 dede:channel 标签调用栏目简介 desc全球[VPS测评]
- [黑五]CloudCone→$15 年 KVM-512MB 20GB 2全球[VPS测评]
- DedeCMS 新增及调用自定义函数全球[VPS测评]
- javascript 删除字符串的最后一个字符全球[VPS测评]
- cmivps→“五一” 香港不限流量 VPS 一律 7 折优惠 三网高速香港VPS[主机]
- CloudCone 便宜按小时计费美国 vps 低至$13 年,月付才 美国VPS[主机]
- 真实测评 云邦互联 E38 核 16GB 2TB 硬盘 10M 宽带 C全球[VPS测评]
- 新人首单 0 元购 APP 这几个首单都是免费全球[VPS测评]
- Krypt 第二款新套餐→Intel Xeon E-2286G 4.0 全球[VPS测评]
- ThinkPHP5 自定义配置文件全球[VPS测评]
- STSDUST→$30 年 384MB 内存 5GB 空间 1TB 流量虚拟空间(主机)
- Uovz→2000 元 月 2*E5-2450L 16GB 内存 1TB日本VPS[主机]
- 哪些国外VPS商家可以支付宝付款？全球[VPS测评]
- WordPress网站代码实现网站弹窗广告全球[VPS测评]
- WordPress通过根据评论数量判断是否显示评论者链接全球[VPS测评]
- Alwyzon奥地利便宜vps，单核/1.5G内存/1Gbps，年付€1全球[VPS测评]
- CubeCloud 全场 85 折 洛杉矶 CN2 洛杉矶 C3 香港 香港VPS[主机]
- 什么是Bootstrap？全球[VPS测评]
- 老六云怎么样?香港cn2vps月付23元香港NTT月付9.9元香港VPS[主机]
- 六一云：香港CN2/洛杉矶高防/CDN,“返利+折扣”双优惠,折上折送实香港VPS[主机]
- 免备案服务器对权重和网站排名有影响吗？全球[VPS测评]
- 二三互联,香港cn2云服务器5折+85折双重优惠,稳定不限流量,1核1G香港VPS[主机]
- 者也vps年终特惠：全场云服务器7折终身优惠,赠1G内存,充1000送3全球[VPS测评]
- 2020年国外VPS哪个最好?教你学会选择国外VPS全球[VPS测评]
- 福州职业技术学院获得世界职业院校技能大赛云计算赛项银牌全球[VPS测评]
- 香港服务器租用哪里有?便宜的香港服务器租用香港VPS[主机]
- 极光kvm怎么样,便宜大带宽香港cmi vps/美国gia vps低至1美国VPS[主机]
- Bloggar-移动端友好的新闻博客类HTML5模板全球[VPS测评]
- wikihost,微基主机服务,100M带宽香港CMIVPS,5G防御,香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-207378.html