文档章节

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

since1986
 since1986
发布于 2014/06/22 22:05
字数 244
阅读 419
收藏 7

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]);
    }




© 著作权归作者所有

共有 人打赏支持
since1986
粉丝 7
博文 60
码字总数 10510
作品 1
石家庄
程序员
私信 提问
jshow for bootstrap

jshow for bootstrap是整理改造的一款可用于搭建一个功能完善的站点的bootstrap插件集合。本系统基于Bootstrap2.x进行构造,感谢Bootstrap这一优秀的开源软件!由于bootstrap3对modal和拖动已...

supperman
2013/10/21
1K
0
xknaan/Bootstrap_for_DWZ

B-JUI Bootstrap for DWZ富客户端框架(B-JUI),基于DWZ富客户端框架修改。 主要针对皮肤,编辑器,表单验证等方面进行了大量修改。 兼容性 IE8.0+, Chrome[最佳], Firefox, Safari。(IE8 未...

xknaan
2014/08/06
0
0
表单验证那些事

今天来给大家说表单验证的一个demo,说的不好 欢迎批评,但是谢绝辱骂,谢谢合作! 好了 先上图: 效果如上图:用css框架和jquery-validate 做的 希望有喜欢这个demo的朋友~ 好了先说说: 布...

我叫leo-
2016/04/01
34
0
BootstrapValidator-验证插件

一、使用须知 插件下载:https://github.com/nghuuphuoc/bootstrapvalidator API:http://bootstrapvalidator.votintsev.ru/api/ 推荐:https://www.cnblogs.com/landeanfen/p/5035608.html......

刺風
2017/11/20
0
0
我的python学习--第十一天

上午: 作业讲解 bootstrap-multiselect插件 sweetalert插件 下午: datatables----表格插件 datetimepicker----时间插件 Validform----表单验证插件 锁定用户禁止登录----逻辑端对用户状态判...

yaoliang833
2016/09/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring应用学习——AOP

1. AOP 1. AOP:即面向切面编程,采用横向抽取机制,取代了传统的继承体系的重复代码问题,如下图所示,性能监控、日志记录等代码围绕业务逻辑代码,而这部分代码是一个高度重复的代码,也就...

江左煤郎
58分钟前
1
0
eclipse的版本

Eclipse各版本代号一览表 Eclipse的设计思想是:一切皆插件。Eclipse核心很小,其它所有功能都以插件的形式附加于Eclipse核心之上。 Eclipse基本内核包括:图形API(SWT/Jface),Java开发环...

mdoo
今天
1
0
SpringBoot源码:启动过程分析(一)

本文主要分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 还是老套路,先把分析过程的时序图摆出来:时序图-SpringBoot2.10启动分析 二.源码分析 首...

Jacktanger
今天
3
0
小白带你认识netty(二)之netty服务端启动(上)

上一章 中的标准netty启动代码中,ServerBootstrap到底是如何启动的呢?这一章我们来瞅下。 server.group(bossGroup, workGroup);server.channel(NioServerSocketChannel.class).optio...

天空小小
今天
3
0
聊聊storm trident batch的分流与聚合

序 本文主要研究一下storm trident batch的分流与聚合 实例 TridentTopology topology = new TridentTopology(); topology.newStream("spout1", spout) .p......

go4it
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部