使用Bootstrap Validator。它如何处理单选按钮验证?

时间:2016-01-22 20:05:19

标签: twitter-bootstrap bootstrapvalidator

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

1 个答案:

答案 0 :(得分:4)

您似乎需要在组中的至少一个单选按钮上使用HTML5's required attribute。 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>