bValidator單選按鈕不起作用

任何人都可以理解爲什麼這不會驗證。我正在使用jQuery 1.11.1和最新版本的bValidator。bValidator單選按鈕不起作用

<p id="surgery-yes"><label for="yes">Yes</label> 
<input name="surgery" data-bvalidator="required" value="Yes" type="radio" /> 
</p> 

<p id="surgery-no"><label for="no">No</label> 
<input name="surgery" value="No" type="radio" /></p> 
</p>

我有所需的設置第一個單選按鈕（是），並不管我是否選擇「是」或「否」允許我提交表單沒有錯誤。如果我不選擇，那麼我會在第一臺收音機上看到「這是必填字段」。但是，無論我選擇「是」還是「否」，表單都會提交。

我已經閱讀了很多文檔，無法弄清楚我的生活！任何幫助將是偉大的:)

謝謝，加里。

來源

2014-12-03 Garry

創建您自己的驗證功能並執行檢查。

jQuery的

$('form selector').data('bValidator').getValidators().checkradio = function(elem){ 
    if(elem.value == "Yes") 
     return true; 
    return false; 
}

HTML

<p id="surgery-yes"><label for="yes">Yes</label> 
    <input name="surgery" data-bvalidator="checkradio,required" value="Yes" type="radio" /> 
</p> 

<p id="surgery-no"><label for="no">No</label> 
    <input name="surgery" data-bvalidator="checkradio,required" value="No" type="radio" /></p> 
</p>

UPDATE

jQuery的

$('form selector').data('bValidator').getValidators().checkradio = function(elem){ 
    if($('[name="surgery"]:checked').val() == "Yes") 
     return true; 
    return false; 
}

HTML

<p id="surgery-yes"><label for="yes">Yes</label> 
    <input name="surgery" data-bvalidator="checkradio,required" value="Yes" type="radio" /> 
</p> 

<p id="surgery-no"><label for="no">No</label> 
    <input name="surgery" value="No" type="radio" /></p> 
</p>

注意：使用更新的jQuery和HTML

來源

2014-12-03 12:51:55

bValidator單選按鈕不起作用

回答

相關問題