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 相关文章推荐
使用正则表达式的格式化与高亮显示json字符串
Dec 03 Javascript
JavaScript之Object类型介绍
Apr 01 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
js实现简单的碰壁反弹效果
Aug 30 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
vue transition 在子组件中失效的解决
Nov 12 Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 Javascript
vue打包时去掉所有的console.log
Apr 10 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
PHP4 与 MySQL 交互使用
2006/10/09 PHP
生成php程序的php代码
2008/04/07 PHP
检测png图片是否完整的php代码
2010/09/06 PHP
php上传apk后自动提取apk包信息的使用(示例下载)
2013/04/26 PHP
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
php恢复数组的key为数字序列的方法
2015/04/28 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
angular共享依赖的解决方案分享
2020/10/15 Javascript
Python中的进程分支fork和exec详解
2015/04/11 Python
Python可变参数用法实例分析
2017/04/02 Python
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
表单button的outline在firefox浏览器下的问题
2012/12/24 HTML / CSS
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
数据库的约束含义
2012/09/09 面试题
音乐教学反思
2014/02/02 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
师范生小学见习总结
2015/06/23 职场文书
公司车辆维修管理制度
2015/08/05 职场文书
安全教育培训制度
2015/08/06 职场文书
学校体育节班级口号
2015/12/25 职场文书
500字作文之周记
2019/12/13 职场文书