jQuery Validate Plugin 不适用于单选按钮

Question

我有一个使用 jQuery 验证插件设置的大型多页表单。除了单选按钮之外，一切似乎都完美验证。我花了几个小时阅读了几十个类似的线程，但提供的解决方案似乎都不起作用。

我已经尝试添加

class="required"

和

required="required"

只是

required

直接到第一个单选按钮上的输入属性，它们都不起作用。

我也加了

rules: {
        myRadioGroupName: {
            required: true
        }

无济于事。

我已经设置了一个包含所有依赖项的完整模型的小提琴。

http://jsfiddle.net/j2372/2/

“下一步”按钮导航在小提琴上无法正常工作，但顶部的选项卡导航可以。单击“许可证”选项卡，然后单击“下一步”以查看验证是否正常工作，而不是在无线电组上。我哪里做错了？

Answer 1

我认为最基本的问题发生在这里 - 验证插件只适用于可见的东西。因此，因为您使用的是 Bootstrap 单选按钮集，它会隐藏实际的单选，因此 Validate 会忽略它们。

看起来你可以通过在验证调用中添加ignore 选项来解决这个问题：

$("#rdrapply").validate({
    ignore:'',
    rules: {
       //etc
    }
});

一旦我把它放进去，它立即开始抛出错误（以一种丑陋的方式，但如果需要，你可以在你的 errorPlacement 函数中解决这个问题）。