bootstrap 报错 验证插件_修改了一个开源的Bootstrap表单验证插件

jqBootstrapValidation (版本1.3.7)是一个为Bootstrap增加表单验证功能的插件,本来想用在项目中,结果试了一下不管用。看了看源码才明白这个插件是针对Bootstrap2.x开发的,而我用的是Bootstrap3.x,由于插件中是用的硬编码的Bootstrap2.x的class名作为selector的所以肯定不起作用,于是我把里面的几个class名替换成Bootstrap3.x的类名,并且修改了几处逻辑错误后,就可以正常使用了。

主要的改动:

1.error 改为 has-error, warning改为has-warning, success改为has-success, .control-group改为 .form-group

2.去掉71行的 $form.addClass("error"); 以及 78行的 $form.removeClass("error"); 这两处都是逻辑错误

3.修改94-99行代码为:(同样是逻辑错误)

// create message container if not exists

if ($helpBlock.length == 0 && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) {

$helpBlock = $('

$controlGroup.append($helpBlock);

createdElements.push($helpBlock[0]);

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值