title: JQuery Validate plugin: how to control the max size of the selected value of a dropdown?
body: <p>I have the following select tag in HTML</p>
  
  <pre><code>&lt;select name="field"&gt;
      &lt;option value="123"&gt;option 1&lt;/option&gt;
      &lt;option value="14567"&gt;option 2&lt;/option&gt;
      &lt;option value="ab"&gt;option 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When a form is submitted, I hope to use the validate plugin to validate the max size of selected value is no bigger than 5 chars (example values: 123, 14567, ab) and show a message if the size is too big. I cannot figure this out. Adding the maxlength attribute to the select tag does not work.</p>
  
  <p>Thanks and regards.</p>