title: jquery validate and bootstrap - select field pick multiple options
body: <p>I am trying to make a select field validated with jquery data attributes such that you must pick 3 fields. Here is my attempt but it doesnt work</p>
  
  <pre><code> &lt;div class="form-group"&gt;
                &lt;label class="col-sm-3 control-label"&gt;Flowers&lt;/label&gt;
                &lt;div class="col-sm-9"&gt;
                  &lt;select id="flowers" name="flowers"  class="form-control" size="5" multiple="multiple" data-rule-required="true" data-msg-required="comment field is required." data-rule-min="3" data-msg-min="pick 3"&gt;
                    &lt;option value="lily"&gt;Lily&lt;/option&gt;
                    &lt;option value="jasmine"&gt;Jasmine&lt;/option&gt;
                    &lt;option value="daisy"&gt;Daisy&lt;/option&gt;
                    &lt;option value="iris"&gt;Iris&lt;/option&gt;
                    &lt;option value="rose"&gt;Rose&lt;/option&gt;
                  &lt;/select&gt;
                  &lt;label class="error" for="flowers"&gt;&lt;/label&gt;
                &lt;/div&gt;
              &lt;/div&gt;&lt;!-- form-group --&gt;
  </code></pre>
  
  <p>Any advice much appreciated</p>
  
  <p>edit: similarly while i'm asking this question I may as well ask if anyone has an example of a regex using data attributes. Thanks :)</p>