Question

我有一个代码，可以在多标签表单中隐藏和显示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>

演示：http://jsfiddle.net/KpHBL/1/

我想添加简单的验证，用户需要选择该选项才能在第一步（div1）中单击“下一步”。然后在第二步（div2）必须回答第一个问题，第二步是可选的。在第三步（div3）中，如果用户只能检查3个中的2个复选框，那将是很好的。无论是哪个。

如果在点击“下一步”并且收音机或答案丢失时会有一些信息，例如“你必须选择选项”，“此字段不能为空”等等，这将是很好的。

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

谢谢。

带有验证的多标签表单

0 个答案: