引导验证器检查多个空复选框

Posted

技术标签:

【中文标题】引导验证器检查多个空复选框【英文标题】:Boostrap validator check for empty checkbox from multiple 【发布时间】:2019-01-01 22:07:38 【问题描述】:

我有多个从名称为array[] 的数据库中获取的检查框。如何为具有相同名称的多个复选框设置空检查?这是一些不同输入的示例,它不工作,但通常应该工作。

这是documentation

通常应该与

一起使用
'array[]': 
      validators: 
        notEmpty: 
          message: 'The array is required'
        ,
        choice: 
          min: 1,
          max: 20,
          message: 'Please choose 1 - 20 topics'
        
      

$(document).ready(function() 
  $('#formz').bootstrapValidator(
      message: 'This value is not valid',
      //live: 'submitted',
      feedbackIcons: 
        valid: 'glyphicon',
        invalid: 'glyphicon',
        validating: 'glyphicon glyphicon-refresh'
      ,
      fields: 
        'firstinput': 
          validators: 
            notEmpty: 
              message: 'Choose from select'
            
          
        ,
        'secondinput': 
          validators: 
            notEmpty: 
              message: 'type any text'
            
          
        ,
        'array[]': 
          validators: 
            notEmpty: 
              message: 'The array is required'
            ,
            choice: 
              min: 1,
              max: 20,
              message: 'Please choose 1 - 20 topics'
            
          
        ,
      ,
      onSuccess: function(e, data) 
        $(document).ready(function() 
          $('#spins').show();

        );

      
    )
    .on('error.form.bv', function(e) 
      console.log('error.form.bv');

      var $form = $(e.target);
      console.log($form.data('bootstrapValidator').getInvalidFields());

      data.bv.disableSubmitButtons(false);
    )

    .on('error.field.bv', function(e, data) 
      console.log('error.field.bv -->', data);
      data.bv.disableSubmitButtons(false);
    );
);
<form method='post' action='' enctype="multipart/form-data" name='formz' id='formz'>
  <select name='firstinput'>
    <option value=''> first </option>
    <option value='1'> second </option>
    <option value='2'> third </option>
  </select>

  <input type="text" name="secondinput" />

  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <input type="checkbox" name="array[]" />
  <button type="submit" class="btn btn-success btn-block">Apply</button>
</form>

【问题讨论】:

【参考方案1】:

我发现了错误。所有复选框都应该在 &lt;div class="form-group"&gt; 内,否则它不适用于 bootstrapvalidator

【讨论】:

以上是关于引导验证器检查多个空复选框的主要内容,如果未能解决你的问题,请参考以下文章

如何在引导程序中验证至少标记了一个复选框并将此信息传递给 php?

引导验证。我如何将零视为空值?

使用 Jquery 引导验证来验证字段数组中的单个字段以及兄弟字段

如何检查引导模式是不是打开,以便我可以使用 jquery 验证?

将验证码添加到响应式引导程序联系表单

用于多个动态创建的复选框或单选组的 jquery 验证器