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 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
Apr 29 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
利用React Router4实现的服务端直出渲染(SSR)
Jan 07 Javascript
小程序实现列表多个批量倒计时
Jan 29 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
15分钟上手vue3.0(小结)
May 20 Javascript
vant时间控件使用方法详解
Dec 24 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 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
mysql建立外键
2006/11/25 PHP
php 小乘法表实现代码
2009/07/16 PHP
php遍历目录viewDir函数
2009/12/15 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
使用jquery读取html5 localstorage的值的方法
2013/01/04 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
2017/10/24 jQuery
node结合swig渲染摸板的方法
2018/04/11 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
2019/09/20 Javascript
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
利用Python破解斗地主残局详解
2017/06/30 Python
一份python入门应该看的学习资料
2018/04/11 Python
Python格式化日期时间操作示例
2018/06/28 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
python 变量初始化空列表的例子
2019/11/28 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
大学生的四年学习自我评价
2013/12/13 职场文书
《燕子》教学反思
2014/02/18 职场文书
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js
Zabbix6通过ODBC方式监控Oracle 19C的详细过程
2022/09/23 Servers