एक jquery accordion

Question

एक JQuery Accordion का उपयोग करके मूलभूत फ़ील्ड और आवश्यक फ़ील्ड को सत्यापित करने का प्रयास करने के लिए आवश्यक फ़ील्ड के भीतर आवश्यक फ़ील्ड। क्या मुझे कुछ आसान याद आ रही है? धन्यवाद!

जावास्क्रिप्ट:

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

एचटीएमएल:

<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 विकल्प का उपयोग कर इस व्यवहार को ओवरराइड कर सकते