Jquery表单向导-强制单选按钮组

我想构建一个4-5个步骤的表单，每个步骤有2-3个必填/必填单选按钮

选择的按钮确定下一步，所有步骤最终导致一个确认步骤。我遇到的问题是强制设置按钮：“第一步”提示您选择，但后续步骤（例如，选择长发或短发）不会提示您选择长发或短发：

<div id="fieldWrapper">
            <span class="step" id="first">
                <span class="font_normal_07em_black">Dog or Cat?</span><br />
                Dog: <input id="dog_or_cat" type="radio" class="link required" value="dog" name="goto" /><br />
                Cat: <input id="dog_or_cat" type="radio" class="link" value="cat" name="goto" />

                <br />
            </span>

                    <span id="cat" class="step">
                        <span class="font_normal_07em_black">Cat: long or short hair?</span><br />
                        Long: <input id="cat_long_or_short" type="radio" class="link required" value="cat_long" name="goto" /><br />
                        Short:<input id="cat_long_or_short" type="radio" class="link" value="cat_short" name="goto" />  
                    </span>

                            <span id="cat_short" class="step">
                            <span class="font_normal_07em_black">Cat: Short Hair</span><br />
                            <input type="hidden" class="link" value="confirmation" />
                            </span>

                            <span id="cat_long" class="step">
                            <span class="font_normal_07em_black">Cat: Long Hair</span><br />
                            <input type="hidden" class="link" value="confirmation" />
                            </span>



                    <span id="dog" class="step">
                        <span class="font_normal_07em_black">Dog: Large or Small?</span><br />
                        Large: <input id="dog_large_or_small" type="radio" class="link required" value="dog_large" name="goto" /><br />
                        Small: <input id="dog_large_or_small" type="radio" class="link" value="dog_small" name="goto" />    
                    </span>


                            <span id="dog_large" class="step">
                            <span class="font_normal_07em_black">Dog: Large</span><br />
                            <input type="hidden" class="link" value="confirmation" />
                            </span>

                            <span id="dog_small" class="step">
                            <span class="font_normal_07em_black">Dog: Small</span><br />
                            <input type="hidden" class="link" value="confirmation" />
                            </span>


            </span>




            <span id="confirmation" class="step">
                <span class="font_normal_07em_black">Confirmation</span><br />
            </span>


            </div>
            <div id="demoNavigation">                           
                <input class="navigation_button" id="back" value="Back" type="reset" />
                <input class="navigation_button" id="next" value="Next" type="submit" />
            </div>
        </form>
        <hr />

        <p id="data"></p>
    </div>

狗还是猫？

狗：

类别：


猫：长发还是短发？

长：

简称：
猫：短发

猫：长发

狗：大的还是小的？

大：

小型：
狗：大的

狗：小

确认

您使用的验证形式是什么？你能发布代码吗？我用这个-你对验证的评论有帮助-删除第一步上的按钮会导致第二步上的按钮工作…并查看jquery.validate.js中的注释：

//如果是单选/复选框，则改为验证组中的第一个元素if（this.checkable（element））{element=this.findByName（element.name）[0]；}

解决了它-由于验证是按名称检查单选按钮，我只需更改单选按钮的名称-哦！