title: how to validate if there are 3 checkbox selected?
body: <p>I am currently using the following <a href="https://github.com/posabsolute/jQuery-Validation-Engine" rel="nofollow">jQuery validation engine.</a>. And I wanted to have 3 different checkboxes at minimum selected and the html looks like this:</p>
  
  <pre><code>&lt;fieldset class="group" id="tajirr_user_complete_registration_wanita"&gt;
             &lt;legend&gt;&lt;label class="required"&gt;Wanita&lt;/label&gt;&lt;/legend&gt;
             &lt;ul class="checkbox"&gt;
                &lt;li&gt;&lt;input type="checkbox" class="validate[minCheckbox[3], maxCheckbox[5]]" data-prompt-position="topLeft:0,-30" id="tajirr_user_complete_registration_wanita_0" name="tajirr_user_complete_registration[wanita][]" value="10"&gt;&lt;label for="tajirr_user_complete_registration_wanita_0"&gt;Atasan &amp;amp; Bawahan&lt;/label&gt;&lt;/li&gt;
                &lt;li&gt;&lt;input type="checkbox" class="validate[minCheckbox[3], maxCheckbox[5]]" data-prompt-position="topLeft:0,-30" id="tajirr_user_complete_registration_wanita_1" name="tajirr_user_complete_registration[wanita][]" value="11"&gt;&lt;label for="tajirr_user_complete_registration_wanita_1"&gt;Dress&lt;/label&gt;&lt;/li&gt;
             &lt;/ul&gt;
  &lt;/fieldset&gt;
  &lt;fieldset class="group" id="tajirr_user_complete_registration_pria"&gt;
         &lt;legend&gt;&lt;label class="required"&gt;Pria&lt;/label&gt;&lt;/legend&gt;
         &lt;ul class="checkbox"&gt;
            &lt;li&gt;&lt;input type="checkbox" class="validate[minCheckbox[3], maxCheckbox[5]]" data-prompt-position="topLeft:0,-30" id="tajirr_user_complete_registration_pria_0" name="tajirr_user_complete_registration[pria][]" value="19"&gt;&lt;label for="tajirr_user_complete_registration_pria_0"&gt;Atasan &amp;amp; Bawahan&lt;/label&gt;&lt;/li&gt;
            &lt;li&gt;&lt;input type="checkbox" class="validate[minCheckbox[3], maxCheckbox[5]]" data-prompt-position="topLeft:0,-30" id="tajirr_user_complete_registration_pria_1" name="tajirr_user_complete_registration[pria][]" value="21"&gt;&lt;label for="tajirr_user_complete_registration_pria_1"&gt;Sepatu&lt;/label&gt;&lt;/li&gt;
            &lt;li&gt;&lt;input type="checkbox" class="validate[minCheckbox[3], maxCheckbox[5]]" data-prompt-position="topLeft:0,-30" id="tajirr_user_complete_registration_pria_2" name="tajirr_user_complete_registration[pria][]" value="22"&gt;&lt;label for="tajirr_user_complete_registration_pria_2"&gt;Batik&lt;/label&gt;&lt;/li&gt;
         &lt;/ul&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>I wanted to validate on the form such that there are at minimum 3 checkboxes are selected. However the above didn't work because <code>minCheckbox</code> validates based on the <code>name</code>attribute, which there are two in this form:<code>tajirr_user_complete_registration[pria][]</code> and the other one had <code>tajirr_user_complete_registration[wanita][]</code>. I can change the name so that it works just fine, however it breaks other stuff. How can I make this so that it validates across the whole form?</p>