Question

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

我尝试过添加

class="required"

和

required="required"

只是

required

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

我还添加了

rules: {
        myRadioGroupName: {
            required: true
        }

无济于事。

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

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

Answer 1

我认为最基本的问题发生在这里 - Validate插件仅适用于可见事物。因此，由于您使用的是Bootstrap单选按钮集，它会隐藏实际的无线电，因此Validate会忽略它们。

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

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

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