BootStrap 动态添加验证项和取消验证项的实现方法

bootstrap 中的bootstrapValidator可以对前端的数据进行验证,但是有的时候我们需要动态的添加验证,这样需要我们动态的对bootstrapValidator的内容修改

  

传统的bootstrapValidator验证是

0 && reg.test(value); } } } } } }).on("success.form.bv",function (e) { if (EntryInfo.SaveType == 1) { EntryInfo.SaveEntryInfo(); } else if (EntryInfo.SaveType == 2) { EntryInfo.SaveAndSubmitAudit(); } });

  这样的验证在页面有交互的需求的时候不能够满足条件,所以我们需要动态的对验证条件进行修改,这里的做法是先把所有可能用到的条件先全部添加进去,在指定条件下去除筛选条件。

  

去除方式

rush:js;"> $('#MaintainEntryForm').data('bootstrapValidator').validateField('ApplyUnit');

  这样 名称为ApplyUnit的验证凡是就不会起作用了

对于已经提示报错信息的要去除验证信息的可以使用以下方式

rush:js;"> $('#MaintainEntryForm').data('bootstrapValidator') .updateStatus('ApplyQty','NOT_VALIDATED',null) .validateField('ApplyQty');

  这样页面对应的ApplyQty 字段后面验证信息就会消失 不用重置整个bootstrapValidator 就可以了

以上所述是小编给大家介绍的BootStrap 动态添加验证项和取消验证项的实现方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...