使用bootstrap 4,如何验证显示为按钮的分组的无线电输入

时间:2019-08-12 09:58:23

标签: twitter-bootstrap bootstrap-4

使用Bootstrap 4时,我有以下内容:

<div class="btn-group btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked required> Radio-1
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2" autocomplete="off" required> Radio-2
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3" autocomplete="off" required> Radio-3
  </label>
<div class="invalid-feedback">Please select an option</div>
</div>

我遵循Bootstrap 4 documentation进行了验证,但是提交表单时未显示错误消息。我认为这是由于标签标记中的包装输入所致。

任何人都已经成功完成了带有按钮样式的无线电输入的Bootstrap验证吗?

0 个答案:

没有答案