jquery accordion中的必填字段

使用JQuery Accordion并尝试验证必需字段的基本表单。我错过了一些简单的东西吗？谢谢

javascript:

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#accordion").accordion();
        $("#Form1").validate({
            rules: {
                AccordionField: { required: true }
            }
        });
    });    
</script>

<form id="Form1" action="foo.htm">
    <div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div><p>content</p></div>
    <h3><a href="#">Section 2</a></h3>
    <div><p><input id="AccordionField" class="required" /></p></div>
    </div>
    <p><button type="submit">Submit</button></p>
</form>

$（文档）.ready（函数（）{
$（“#手风琴”）。手风琴（）；
$（“#表格1”）。验证({
规则：{
AccordionField:{必需：true}
}
});
});    

html:

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#accordion").accordion();
        $("#Form1").validate({
            rules: {
                AccordionField: { required: true }
            }
        });
    });    
</script>

<form id="Form1" action="foo.htm">
    <div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div><p>content</p></div>
    <h3><a href="#">Section 2</a></h3>
    <div><p><input id="AccordionField" class="required" /></p></div>
    </div>
    <p><button type="submit">Submit</button></p>
</form>

内容


提交

问题： 如果第二部分在提交过程中被折叠，则验证不会验证所需字段。

jQuery validate（1.9）默认情况下忽略隐藏字段。您可以使用

忽略
选项覆盖此行为：

$(document).ready(function() {
    $("#accordion").accordion();
    $("#Form1").validate({
        rules: {
            AccordionField: {
                required: true
            }
        },
        ignore: []
    });
});​

示例：