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 相关文章推荐
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 Javascript
Jquery操作js数组及对象示例代码
May 11 Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
JavaScript内存泄漏的处理方式
Nov 20 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
Dec 08 Javascript
在一个页面实现两个zTree联动的方法
Dec 20 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
Apr 23 Javascript
微信小程序-API接口安全详解
Jul 16 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生成文件
2007/01/15 PHP
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
PHP自定义多进制的方法
2016/11/03 PHP
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
Jquery获取元素的父容器对象示例代码
2014/02/10 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
JS实现超过长度限制后自动跳转下一款文本框的方法
2015/02/23 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
老生常谈JavaScript数组的用法
2016/06/10 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
解决python3中解压zip文件是文件名乱码的问题
2018/03/22 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
Python定义函数实现累计求和操作
2020/05/03 Python
安装不同版本的tensorflow与models方法实现
2021/02/20 Python
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
国外的一些J2EE面试题一
2012/10/13 面试题
大学生活动策划方案
2014/02/10 职场文书
新闻学专业求职信
2014/07/28 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
师德先进个人材料
2014/12/20 职场文书
2015年小学生暑假总结
2015/07/13 职场文书
python3操作redis实现List列表实例
2021/08/04 Python
Javascript的promise,async和await的区别详解
2022/03/24 Javascript