Bootstrap 4验证表单,标签上没有for属性

时间:2018-08-27 15:43:54

标签: html twitter-bootstrap bootstrap-4

我正在使用Bootstrap 4,并且在验证正常的单选按钮时遇到一些问题

这就是问题,在Bootstrap 4 docs中解释了如何使用labelinput在不同的行中验证它们,例如

<div class="form-check">
      <input class="form-check-input is-invalid" type="radio" value="" id="invalidCheck3" required>
      <label class="form-check-label" for="invalidCheck3">
        Agree to terms and conditions
      </label>
      <div class="invalid-feedback">
        You must agree before submitting.
      </div>
</div>

但就我而言,我无法使用for中的label属性,因此,我需要做类似的事情

<div class="form-group">
        <div class="form-check">
            <label>
                <input class="form-check-input is-invalid" type="radio" value="0" name="example" required>
                Yes
            </label>
        </div>
        <div class="form-check">
            <label>
                <input class="form-check-input is-invalid" type="radio" value="1" name="example" required>
                No
            </label>
            <div class="invalid-feedback"> This is the error! </div>
        </div>
</div>

要让radio检查何时单击标签,但是像这样,我无法进行验证工作(label中的红色,并更改了invalid-feedback的可见性)

您能推荐我做什么?

非常感谢!

0 个答案:

没有答案