BootStrap Validator 根据条件在JS中添加或移除校验操作


Posted in Javascript onOctober 12, 2017

这是开始的校验代码 

function initValidate() { 
<span style="white-space:pre"> </span>$('#detailform').bootstrapValidator({ 
<span style="white-space:pre">     </span>feedbackIcons : { 
<span style="white-space:pre">      </span>valid : 'glyphicon glyphicon-ok', 
<span style="white-space:pre">      </span>invalid : 'glyphicon glyphicon-remove', 
<span style="white-space:pre">      </span>validating : 'glyphicon glyphicon-refresh' 
<span style="white-space:pre">     </span>}, 
<span style="white-space:pre">     </span>fields : { 
<span style="white-space:pre">      </span>txPassword : { 
<span style="white-space:pre">       </span>validators : { 
<span style="white-space:pre">        </span>notEmpty : { 
<span style="white-space:pre">         </span>message : '交易密码不能为空' 
<span style="white-space:pre">        </span>}, 
<span style="white-space:pre">        </span>notSameAndContinuity : { 
<span style="white-space:pre">         </span>message : '密码必须为6位不相同、不连续的数字' 
<span style="white-space:pre">        </span>} 
<span style="white-space:pre">       </span>} 
<span style="white-space:pre">      </span>} 
<span style="white-space:pre">     </span>} 
<span style="white-space:pre">    </span>}); 
      };

有时我们需要根据条件,添加或移除 

添加用addFile,approvalMemo 是input的name值 

$("#detailform").bootstrapValidator("addField", "approvalMemo", { 
<span style="white-space:pre">   </span>validators: { 
<span style="white-space:pre">    </span>notEmpty : { 
<span style="white-space:pre">     </span>message : '审批意见不能为空' 
<span style="white-space:pre">    </span>} 
<span style="white-space:pre">   </span>} 
<span style="white-space:pre">  </span>}); 

$("#detailform").bootstrapValidator('removeField','approvalMemo');

移除用removeFile。

总结

以上所述是小编给大家介绍的BootStrap Validator 根据条件在JS中添加或移除校验,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
js获得地址栏?问号后参数的方法
Aug 08 Javascript
js实现上传图片及时预览
May 07 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 Javascript
vue-列表下详情的展开与折叠案例
Jul 28 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 Javascript
详解JavaScript原型与原型链
Nov 16 Javascript
Angular实现预加载延迟模块的示例
Oct 12 #Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 #Javascript
bootstrap可编辑下拉框jquery.editable-select
Oct 12 #jQuery
使用原生js封装的ajax实例(兼容jsonp)
Oct 12 #Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 #Javascript
jQuery中 DOM节点操作方法大全
Oct 12 #jQuery
基于es6三点运算符的使用方法(实例讲解)
Oct 12 #Javascript
You might like
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
PHP递归获取目录内所有文件的实现方法
2016/11/01 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
javascript之典型高阶函数应用介绍
2013/01/10 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
vue.js的简单自动求和计算实例
2019/11/08 Javascript
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
Python执行时间的计算方法小结
2017/03/17 Python
python实现手机通讯录搜索功能
2018/02/22 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
python3.7调试的实例方法
2020/07/21 Python
Python如何操作docker redis过程解析
2020/08/10 Python
瑞贝卡·明可弗包包官网:Rebecca Minkoff
2016/07/21 全球购物
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
本科生学习总结的自我评价
2013/10/02 职场文书
生产车间班组长岗位职责
2014/01/06 职场文书
餐饮管理自我介绍信
2014/01/15 职场文书
二年级语文教学反思
2014/02/02 职场文书
创新比赛获奖感言
2014/02/13 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
社区交通安全实施方案
2014/03/22 职场文书
第28个世界无烟日活动总结
2015/02/10 职场文书
护士岗位竞聘书
2015/09/15 职场文书