title: AngularJS select required validation
body: <p>Following is my code snippet. I want to validate my select box using angular.</p>
  
  <pre><code>&lt;form name="myForm"&gt;
    &lt;select name="category_1"  ng-model="catid" id="category_1" ng-options="category.catid for catid in categories" required&gt;
      &lt;option value="" selected=""&gt;&lt;/option&gt;
      &lt;option value="1"&gt;music&lt;/option&gt;
      &lt;option value="2"&gt;internet&lt;/option&gt;
    &lt;/select&gt;
    &lt;button ng-disabled="!myForm.$valid" ng-click="uploadPic(picFile)"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>but can not submit the form I got this error in chrome,,and submit button is not working</p>
  
  <blockquote>
    <p>An invalid form control with name='category_0' is not focusable.</p>
  </blockquote>
  
  <p>here is the <a href="http://plnkr.co/edit/06s0uJUp2K7B571OtJ8A?p=preview" rel="nofollow">plunker</a></p>