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操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
iframe窗口高度自适应的实现方法
Jan 08 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
js+css实现select的美化效果
Mar 24 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
Moment的feature导致线上bug解决分析
Sep 23 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反弹shell实现代码
2009/04/22 PHP
PHP XML备份Mysql数据库
2009/05/27 PHP
PHP nl2br函数 将换行字符转成 &amp;lt;br&amp;gt;
2009/08/21 PHP
php木马webshell扫描器代码
2012/01/25 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP对象链式操作实现原理分析
2016/10/09 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
javascript 写类方式之六
2009/07/05 Javascript
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
小程序实现多选框功能
2018/10/30 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
vue制作toast组件npm包示例代码
2020/10/29 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
python导入时小括号大作用
2017/01/10 Python
Python文件的读写和异常代码示例
2017/10/31 Python
python基础 range的用法解析
2019/08/23 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
行政办公员自我评价分享
2013/12/14 职场文书
工作失职检讨书范文
2014/01/16 职场文书
社会实践感言
2014/01/25 职场文书
社会实践活动总结报告
2014/04/29 职场文书
大班幼儿评语大全
2014/04/30 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
超市店长竞聘书
2015/09/15 职场文书
2016十一国庆节感言
2015/12/09 职场文书
MySQL 开窗函数
2022/02/15 MySQL