使用引导验证器.它如何处理单选按钮验证

Question

我正在使用Bootstrap Validator。我不清楚如何使用它来验证单选按钮的选择。有人可以澄清一下吗？

Answer 1

似乎您需要在组中至少一个单选按钮上使用HTML5的required属性。Bootstrap Validator的页面有以下示例：

<div class="form-group">
    <div class="radio">
        <label>
            <input type="radio" name="underwear" required>
            Boxers
        </label>
    </div>
    <div class="radio">
        <label>
            <input type="radio" name="underwear" required>
            Briefs
        </label>
    </div>
</div>

当我从两个单选按钮之一中删除 required 属性时，它仍然不会提交表单。当我删除两者时，表单无需为单选按钮组指定值即可提交。

添加 required 属性后，请确保在窗体上指定data-toggle="validator"。以下是完整代码：

<form role="form" data-toggle="validator">
    <div class="form-group">
        <div class="radio">
            <label>
                <input type="radio" name="underwear" required>
                Boxers
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="underwear" required>
                Briefs
            </label>
        </div>
    </div>
</form>