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 相关文章推荐
Extjs4中的分页应用结合前后台
Dec 13 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
Jan 05 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
Vue官网todoMVC示例代码
Jan 29 Javascript
小程序关于请求同步的总结
May 05 Javascript
浅谈ECMAScript 中的Array类型
Jun 10 Javascript
vue中使用vue-pdf的方法详解
Sep 05 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获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
2019/12/04 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
如何正确解决VuePress本地访问出现资源报错404的问题
2020/12/03 Vue.js
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
Python3实现转换Image图片格式
2018/06/21 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
通过实例了解Python异常处理机制底层实现
2020/07/23 Python
Pandas替换及部分替换(replace)实现流程详解
2020/10/12 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
Python函数调用追踪实现代码
2020/11/27 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
护士求职信范文
2014/05/24 职场文书
市场策划求职信
2014/08/07 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
中英文求职信范文
2015/03/19 职场文书
小学毕业感言100字
2015/07/30 职场文书
干货:企业内部人才推荐奖励方案!
2019/07/09 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
详解Laravel制作API接口
2021/05/31 PHP
手残删除python之后的补救方法
2021/06/26 Python