使用引导程序验证复选框

Question

我需要使用javascript来验证复选框，如果验证失败-在复选框下显示invalid-feedback的div。 不幸的是，当我将invalid-feedback类添加到div中时，它消失了。

                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="checkbox" id="gridCheck1" oninput="validateCheckbox()">
                  <label class="form-check-label" for="gridCheck1">
                    checbkox1
                  </label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" type="checkbox" id="gridCheck2" oninput="validateCheckbox()">
                  <label class="form-check-label" for="gridCheck2">
                    Checbkox12
                  </label>
                </div>
            <div id="checkboxIdError">NEED TO HAVE invalid-feedback class</div>
       </div>````

Answer 1

这是引导程序验证http://bootstrapvalidator.votintsev.ru/validators/choice/