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 相关文章推荐
JavaScript获取数组最小值和最大值的方法
Jun 09 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
vue货币过滤器的实现方法
Apr 01 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
ant-design-vue 快速避坑指南(推荐)
Jan 21 Javascript
JavaScript实现与web通信的方法详解
Aug 07 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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程序员必须清楚的问题汇总
2014/12/18 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP实现图片自动清理的方法
2015/07/08 PHP
给moz-firefox下添加IE方法和属性
2007/04/10 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
JS实现上下左右对称的九九乘法表
2016/02/22 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
python利用requests库进行接口测试的方法详解
2018/07/06 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
英国玛莎百货美国官网:Marks & Spencer美国
2018/11/06 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
中间件分为哪几类
2012/03/14 面试题
教育学专业毕业生的自我鉴定
2013/11/26 职场文书
计算机专业职业生涯规划范文
2014/01/19 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
离婚撤诉申请书范本
2015/05/18 职场文书
郭明义电影观后感
2015/06/08 职场文书
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS