jqueryアコーディオン内の必須フィールド

Question

基本フォームはJQueryアコーディオンを使用し、必須フィールドの検証を試みます。私は何か簡単なものを逃していますありがとう！

の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 validate（1.9）は、デフォルトで隠しフィールドを無視します。あなたはignoreオプションを使用して、この動作を無効にすることができます

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

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