forms - 在 Bootstrap 5.1 中验证内联单选按钮
问题描述
我有一个需要验证的表单,它适用于文本和文本区域,但不适用于内联单选按钮。
<form class="needs-validation" novalidate method="POST">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" required>
<label class="form-check-label" for="inlineRadio1">1</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2" required>
<label class="form-check-label" for="inlineRadio2">2</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" required>
<label class="form-check-label" for="inlineRadio3">3</label>
</div>
<div class="invalid-feedback">
Radio button is required.
</div>
<button class="btn btn-primary" type="submit">Validate</button>
</form>
我看到控件和标签在提交时变为红色,但无效反馈中的文本不存在。我还希望它一直向左对齐。
解决方案
推荐阅读
- flutter - 你如何在 dart 中执行抽象类的继承?错误:超类 SpanishData 没有零参数构造函数
- azure-devops-server-2019 - 如何设置离线 Azure DevOps 源?
- swift - SwiftUI 按钮未正确注册
- java - 在 JAVA 中创建一个直方图,让您可以直观地检查一组值的频率分布
- javascript - 为什么最初请求的 HTML 与显示给用户和检查元素的内容不同?
- c++ - “C26444 避免使用自定义构造和销毁 (es.84) 的未命名对象”是什么意思?在VS2019中是什么意思?
- swift - Swift:用其他语言显示 Date()
- flutter - FormBuilderDateTimePicker 不会打开日历
- javascript - 为什么我的 Javascript 主题颜色函数被调用但仍然无法正常工作?
- php - 将多个复选框插入 MySQL (PDO)