bootstrapValidator 动态添加后验证

最新推荐文章于 2022-04-25 16:43:41 发布

Somhu

最新推荐文章于 2022-04-25 16:43:41 发布

阅读量1k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Somhu/article/details/79290359

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在使用bootstrapValidator进行表单验证时，初始化时本来是把所有的需要验证的元素都添加进去，但是当有元素动态生成添加时（这些在bootstrapValidator初始化时已经制定了验证规则），这些校验不会生效，于是了解到bootstrapValidator的另一个方法：

addField(field,options)
addField方法的参数

options实际就是校验规则,即{
                validators: {
                    notEmpty: {
                        message: ....
                    }
                }

但是后来依然没有生效，这时无意中又发现另一种解决方法：
先让bootstrapValidator验证失效，然后重新启动bootstrapValidator验证（初始化），就OK了：

$('#addHomePosition').data('bootstrapValidator').destroy();
$('#addHomePosition').data('bootstrapValidator', null);
doHomeAddValidate();// bootstrapValidator初始化