trường bắt buộc trong phạm vi jquery accordion

Question

Biểu mẫu cơ bản bằng cách sử dụng Accordion JQuery và cố gắng xác thực các trường bắt buộc. Tôi thiếu một cái gì đó đơn giản? Cảm ơn!

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> 

Vấn đề: Nếu phần thứ hai là sụp đổ trong gửi, xác nhận không xác nhận các trường bắt buộc.

Answer 1

Xác thực jQuery (1.9) bỏ qua các trường ẩn theo mặc định. Bạn có thể ghi đè lên hành vi này bằng cách sử dụng tùy chọn ignore:

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

Ví dụ:http://jsfiddle.net/andrewwhitaker/VWWkP/