加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

修改了一个开源的Bootstrap表单验证插件

发布时间:2020-12-17 21:10:40 所属栏目:安全 来源:网络整理
导读:jqBootstrapValidation?(版本1.3.7)是一个为Bootstrap增加表单验证功能的插件,本来想用在项目中,结果试了一下不管用。看了看源码才明白这个插件是针对Bootstrap2.x开发的,而我用的是 Bootstrap3.x,由于插件中是用的硬编码的 Bootstrap2.x的class名作为

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 = $('<div class="help-block" />');
    	$controlGroup.append($helpBlock);
    	createdElements.push($helpBlock[0]);
    }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读