jquery 아코디언 내의 필수 필드

Question

JQuery 아코디언을 사용하고 필수 필드의 유효성을 검사하려고하는 기본 양식. 나는 간단한 것을 놓치고 있습니까? 감사!

자바 스크립트 :

<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)는 기본적으로 숨겨진 필드를 무시합니다.

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

예 :http://jsfiddle.net/andrewwhitaker/VWWkP/

당신은 ignore 옵션을 사용하여이 동작을 무시할 수 있습니다