针对twitter bootstrap按钮组的jQuery验证

我发布了一个JSfiddle的完整示例：http://jsfiddle.net/geekman/W38RG/17/

我的解决方案如下：

>我使用隐藏元素和一些简单的jQuery来设置每次按下按钮时隐藏字段的值(注意：我从divSALEType中删除了所需的属性,因为它没有效果).

<div class="btn-group" id="divSALEType" data-toggle="buttons-radio" name="divSALEType">
    <button name="New" class="btn btn-info SALETypeToggle" id="ContentPlaceHolder1_ContentPlaceHolder1_btnNew" type="button" value="new">New</button>
    <button name="Used" class="btn btn-info SALETypeToggle" id="ContentPlaceHolder1_ContentPlaceHolder1_btnUsed" type="button" value="used">Used</button>
</div>
<input required type="hidden" name="SALEType" id="SALEType" />

<script type="text/javascript">
    //Bind the click event to the parent div containing both buttons. Tell it to fire on any element containing the class btn.
    $('#divSALEType').on('click','.btn',function () {
        $('#SALEType').val($(this).val());
    });
</script>

>然后我将隐藏字段设置为必需元素.我还将value属性添加到组中的每个按钮,这是我将隐藏字段的值设置为.
>最后,我将一个选项传递给jQuery validate@L_197_23@,告诉它不要忽略隐藏字段(which is the default).我只是通过一个空数组来做到这一点.

$('#SALEs-form').validate({
    ignore: []
});

对我来说,这足以验证按钮组.此外,您还可以获得现在有一个HTML输入的附加值,该输入在提交时会对您的Web服务器进行POST操作,无论如何,您都必须以某种方式处理按钮组.