Question

我是jQuery的新手并且发现很难实现手风琴类型表单。

表单有一个包含3个选项的选择框。如果选择了其中一个选项，则会显示更多字段。这里的问题是，当我将class="required"字段添加到隐藏字段时，无论它们是否被隐藏，它们仍然是必需的。

我目前的职能包括：

$(function() {
   $( "#myForm" ).validate({

        rules: {
            AccordionField: {
                required: true
            }
        },
        ignore: []
      });
  });

我不确定如何只需要选择后出现的字段，而不是其他隐藏字段。

<div class="row">
<div id="radio">
<input type="radio" id="radio1" name="option" value="1"  class="required"/><label for="radio1">optionone</label>
<input type="radio" id="radio2" name="option" value="2"  class="required" /><label for="radio2">optiontwo</label>
<input type="radio" id="radio3" name="option" value="3"  class="required" /><label for="radio3">optionone</label>
                </div>
            </div>


// If radio 1 is selected option2 displays, Radio 2 option2 and so on

<div id="option1" class="desc" style="display: none;">
<input name="name" type="text" class="required">
</div>
<div id="option2" class="desc" style="display: none;">
<input name="sonsname" type="text" class="required">
</div>
<div id="option3" class="desc" style="display: none;">
<input name="daugtersname" type="text" class="required">
</div>

只是为了sumarize，我只想要一个字段名称，sonsname，daugtersname，如果他们在收音机框中选择optionone，optiontwo或选项三，则需要它们。

jQuery手风琴表格验证，子选择

0 个答案: