twitter-bootstrap - Bootstrap Validator の使用。ラジオボタンの検証をどのように処理しますか?

Question

Bootstrap Validatorを使用しています。ラジオボタンの選択を検証するためにそれを使用する方法が不明です。誰かが明確にしてもらえますか？

Answer 1

グループ内の少なくとも 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>

required2 つのラジオ ボタンのいずれかから属性を削除しても、フォームは送信されません。両方を削除すると、ラジオ ボタン グループの値を指定しなくてもフォームが送信されました。

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>