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選項覆蓋此行爲