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调试(不下载任何工具)
Apr 14 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
Bootstrap每天必学之导航条
Nov 27 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
JS改变页面颜色源码分享
Feb 24 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
angularJs中跳转到指定的锚点实例($anchorScroll)
Aug 31 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
Jul 17 Javascript
处理JavaScript值为undefined的7个小技巧
Jul 28 Javascript
js实现点击上传图片并设为模糊背景
Aug 02 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项目的方法
2006/10/09 PHP
php获取网页内容方法总结
2008/12/04 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
用cssText批量修改样式
2009/08/29 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
angular动态表单制作
2018/02/23 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
Vue实现手机计算器
2020/08/17 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
Python计算一个文件里字数的方法
2015/06/15 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
采购员岗位职责
2013/11/15 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
财务部出纳岗位职责
2013/12/22 职场文书
标准自荐信范文
2014/01/29 职场文书
新闻专业学生的自我评价
2014/02/13 职场文书
美化环境标语
2014/06/20 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
三年级作文之趣事作文
2019/11/04 职场文书
element多个表单校验的实现
2021/05/27 Javascript
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python