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 相关文章推荐
Jquery升级新版本后选择器的语法问题
Jun 02 Javascript
JavaScript初学者需要了解10个小技巧
Aug 25 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
浅谈js的异步执行
Oct 18 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
vue 自定义组件添加原生事件
Apr 21 Vue.js
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
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
PHP内置加密函数详解
2016/11/20 PHP
PHP执行系统命令函数实例讲解
2021/03/03 PHP
js中的string.format函数代码
2020/08/11 Javascript
js常用代码段收集
2011/10/28 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
详解JavaScript中的构造器Constructor模式
2016/01/14 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
详解vue更改头像功能实现
2019/04/28 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
python实现音乐下载器
2018/04/15 Python
Python unittest单元测试框架总结
2018/09/08 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
Python中random模块常用方法的使用教程
2020/10/04 Python
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
大学生创业计划书的格式要求
2013/12/29 职场文书
给老婆的搞笑检讨书
2014/01/12 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
员工保密协议书
2014/09/27 职场文书
辞职信的写法
2015/02/27 职场文书