使用Bootstrap驗證器。它如何處理單選按鈕驗證？

Question

我正在使用Bootstrap Validator。我不清楚如何使用它來驗證單選按鈕的選擇。有人可以澄清？

Answer 1

您似乎需要在組中的至少一個單選按鈕上使用HTML5's required attribute。引導驗證的頁面有下面的例子：

<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>