使用parsley.js驗證單選按鈕

Question

我想用parsley.js驗證單選按鈕。以下是我正在嘗試使用的代碼

<p id="registration_field_custom2" class="onefield registration_field_custom2"> 
    <span class="doyou"> 
    <span class="text">etc etc etc etc ?</span> 
    <input type="radio" name="custom2" value="Yes" id="custom2_yes" 
     data-required="true" 
     data-error-container="#submitDetails .error6" 
     data-error-message ="Please chose either yes or no" 
    /> 
    <label for="custom2_yes">Yes</label> 
    <input type="radio" name="custom2" value="No" id="custom2_no" 
    /> 
    <label for="custom2_no">No</label>  
    </span> 
    </p> 

但是，無論我選擇是或否，它仍在查找兩者都需要的數據。我只是希望用戶能夠選擇是或否......如何使用parsley.js來做到這一點？

Answer 1

我認爲對於無線電輸入和複選框是特殊情況，而不是使用所需的數據，您應該使用data-mincheck來確保至少有一個選項被選中。

Answer 2

要驗證歐芹中的單選按鈕，您只需使用 - data-required =「true」。您不需要使用數據最小化檢查單選按鈕。由於單選按鈕的名稱相同，歐芹會自動識別它們在同一組中。 有很好的例子的歐芹文檔中：http://parsleyjs.org/doc/index.html

實施例：

<input id="radio-required" class="parsley-validated" type="radio" data-required="true" value="foo" name="radiorequired"> 
<input id="radio-required2" type="radio" value="bar" name="radiorequired"> 

Answer 3

數據mincheck適用於複選框驗證。

數據香菜要求的=「真正的」工程選項驗證

http://parsleyjs.org/doc/examples/simple.html