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图像无缝滚动脚本非常好用
Feb 10 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
Jul 01 Javascript
BootStrap glyphicon图标无法显示的解决方法
Sep 06 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
Nov 19 Javascript
vue 中url 链接左边的小图标更改问题
Dec 30 Javascript
微信小程序实现文件预览
Oct 22 Javascript
JS数组方法some、every和find的使用详情
Oct 05 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 str_pad 函数使用详解
2009/01/13 PHP
服务器web工具 php环境下
2010/12/29 PHP
PHP编程风格规范分享
2014/01/15 PHP
PHP答题类应用接口实例
2015/02/09 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
php三元运算符知识汇总
2015/07/02 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
js密码强度检测
2016/01/07 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
js中window.open的参数及注意注意事项
2016/07/06 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
2018/10/19 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
vue.config.js常用配置详解
2019/11/14 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
python异步任务队列示例
2014/04/01 Python
Python logging模块学习笔记
2014/05/24 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
爷爷追悼会答谢词
2014/01/24 职场文书
缓刑人员思想汇报500字
2014/09/12 职场文书
干部作风建设工作总结
2014/10/29 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
新员工考核评语
2014/12/31 职场文书
统计员岗位职责
2015/02/11 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python