jquery手风琴内的必填字段

Question

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

的javascript：

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

HTML：

<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> 

问题： 如果第二部分被提交，验证不验证所需的字段期间折叠。

Answer 1

jQuery验证（1.9）默认忽略隐藏字段。

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

例：http://jsfiddle.net/andrewwhitaker/VWWkP/

可以使用 ignore选项覆盖此行为