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实现一个简单的弹出窗
Feb 22 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
vue router路由嵌套不显示问题的解决方法
Jun 17 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
JS代码优化的8点建议
Feb 04 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
微信小程序实现电子签名并导出图片
May 27 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
thinkphp实现数组分页示例
2014/04/13 PHP
PHP引用的调用方法分析
2016/04/25 PHP
PHP结合Redis+MySQL实现冷热数据交换应用案例详解
2019/07/09 PHP
PHP实现文件上传与下载
2020/08/28 PHP
Discuz! 6.1_jQuery兼容问题
2008/09/23 Javascript
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
原生JavaScript实现拖动校验功能
2020/09/29 Javascript
详解Django中的权限和组以及消息
2015/07/23 Python
遗传算法之Python实现代码
2017/10/10 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
python字符串反转的四种方法详解
2019/12/02 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
如何写好建议书
2014/03/13 职场文书
三年级评语大全
2014/04/23 职场文书
鼓舞士气的口号
2014/06/16 职场文书
商务英语专业求职信
2014/06/26 职场文书
户籍证明格式
2014/09/15 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
详解TypeScript中的类型保护
2021/04/29 Javascript
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android