如何在Bootstrap 4上显示JavaScript验证错误.btn-group-toggle

<div class="btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Option 1
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2" autocomplete="off"> Option 2
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3" autocomplete="off"> Option 3
  </label>
</div>

// 假设这里是验证逻辑
var isValid = false;

if (!isValid) {
  $('.btn-group-toggle').addClass('has-error');
  $('.btn-group-toggle').attr('data-toggle', 'tooltip');
  $('.btn-group-toggle').attr('data-placement', 'top');
  $('.btn-group-toggle').attr('data-content', 'Validation error message');
  $('[data-toggle="tooltip"]').tooltip();
}

.has-error {
  background-color: #f2dede;
  border-color: #ebccd1;
}

/* 可选：自定义工具提示样式 */
.tooltip {
  background-color: #f2dede;
  color: #a94442;
}