【问题标题】:How to stop bootstrapValidator to validate hidden input fields?如何停止 bootstrapValidator 来验证隐藏的输入字段?
【发布时间】: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>

【问题讨论】:

    标签: javascript bootstrapvalidator


    【解决方案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
                        }
                    },
                }
            });

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-11-23
      • 2021-10-29
      • 1970-01-01
      • 1970-01-01
      • 2012-12-06
      • 2015-01-24
      相关资源
      最近更新 更多