bValidator单选按钮不起作用

时间:2014-12-03 09:59:07

标签: jquery forms validation

任何人都可以理解为什么这不会验证。我使用的是jquery 1.11.1和最新版本的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>

我在第一个单选按钮上设置了所需的设置(是),无论我选择是&#39;是&#39;或者没有&#39;我被允许提交表格没有错误。如果我不选择任何一个,那么我得到&#34;这是必填字段&#34;在第一台电台。但是不管我是否选择“是”&#39;或者没有&#39; - 表格将提交。

我已经阅读了很多文档,但在我的生活中无法解决这个问题!任何帮助都会很棒:)

谢谢, 加里。

1 个答案:

答案 0 :(得分:0)

创建自己的验证功能并进行检查。

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

<强>更新

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