Jquery 带验证的多选项卡表单

我有一个代码，可以在多选项卡窗体中隐藏和显示div。表单包含radiobox、复选框和输入文本字段

<a href="#" id="prev" class="hide">Previous </a> <a href="#" id="next"> Next</a>
<hr /> 

<div id="main">   
<form id="myForm" method="post" action="">
<div id="div1" class="first current">
    <label for="option1">Option 1:</label> <input type="radio" name="RadioOption" id="option1" value="Option 1" />      <br/>
    <label for="option2">Option 2:</label> <input type="radio" name="RadioOption" id="option2" value="Option 2" />
</div>
<div id="div2">
    <label for="answer1">First question?</label> <input type="text" name="answer1" id="answer1" value="" />
    <br/>
    <label for="answer2">Second question?</label> <input type="text" name="answer2" id="answer2" value="" />
</div>
<div id="div3" class="last">
    <input type="checkbox" name="checkit" id="check1" value="check1" /> CheckBox 1<br/>
    <input type="checkbox" name="checkit" id="check2" value="check2" /> CheckBox 2<br/>
    <input type="checkbox" name="checkit" id="check3" value="check3" /> CheckBox 3<br/>
    Thank you for your time. Press submit.
    <input type="submit" value="Send"/>
</div>  

选项1:

备选案文2：
第一个问题？


第二个问题？
复选框1

复选框2

复选框3

谢谢你抽出时间。按提交。

演示：

我想添加一个简单的验证，用户需要选择一个选项，以便能够在第一步（第1部分）中单击“下一步”。然后在第二步（div2）中，必须回答第一个问题，第二个是可选的。在第三步（div3）中，如果用户可以在3个复选框中只选中2个复选框，无论是哪一个复选框，那就太好了

如果在单击“下一步”时出现一些信息，并且缺少收音机或答案，例如“您必须选择选项”、“此字段不能为空”等，那就太好了

我想添加更多的输入元素，但我只需要一个例子，我将从那里开始

---

谢谢。

您可以使用jquery验证引擎满足您的需求。。。有关更多信息，请访问此演示页面。。正如您在JSFIDLE上看到的，按钮“下一步”是“全局的”（在选项卡上方），所以它只需要检查活动选项卡（div）。我该怎么做呢？你可以在你的html页面中使用几个表单来做到这一点。。。然后在下一步单击“更改表单…”。。。。