如何停止 bootstrapValidator 来验证隐藏的输入字段?

Posted

技术标签:

【中文标题】如何停止 bootstrapValidator 来验证隐藏的输入字段?【英文标题】:How to stop bootstrapValidator to validate hidden input fields? 【发布时间】:2020-03-20 14:33:12 【问题描述】:

我想在我的表单中实现 bootstrapValidator,我还有一些隐藏的输入字段,但它也在验证这些,我想停止这个...... 我的表单代码

<form id="create_contract_group" method="post"

 - List item

>
<div class="row">
  <div class="form-group">
    <label class="col-md-4 control-label"><b>!!Lang::get('site_lang.contract_group')!!</b></label>
       <div class="col-md-8">
          <input type="text" class="form-control" name="title" placeholder=" Title of the contract group"/>
          <input type="text" class="form-control" name="id" style="display:none">
       </div>
    </div>
 </div>
</form>

我的脚本

<script>
$(document).ready(function() 
    $('#create_contract_group').bootstrapValidator(
            excluded: ':disabled',
            feedbackIcons: 
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            ,
            fields: 
                title: 
                    validators: 
                        notEmpty: 
                            message: 'Title is required.'
                        ,
                        validatorName: validatorOptions
                    
                ,
            
        );
);
</script>

【问题讨论】:

【参考方案1】:

您可以在 boostrapValidator 中使用排除设置,如下所示:

$('#create_contract_group').bootstrapValidator(
            excluded: [':disabled', ':hidden', ':not(:visible)'],
            feedbackIcons: 
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            ,
            fields: 
                title: 
                    validators: 
                        notEmpty: 
                            message: 'Title is required.'
                        ,
                        validatorName: validatorOptions
                    
                ,
            
        );

【讨论】:

以上是关于如何停止 bootstrapValidator 来验证隐藏的输入字段?的主要内容,如果未能解决你的问题,请参考以下文章

如何在不从表单中删除数据的情况下重置 BootstrapValidator? [复制]

bootstrapValidator表单校验插件使用教程

Bootstrapvalidator 在动态输入字段中不起作用

在本地使用 bootstrapValidator 发送静态数据

使用bootstrapvalidator的remote验证经验

黄聪: Bootstrap之Form表单验证神器: BootstrapValidator(转)