angularjs - Angularjs select validation not working

Question

I want to tell user to select any option from select other than first (index=0). I saw few examples and tried but not working for me:

<select ng-model="patient.gender" name="gender" class="form-control" required>
  <option>- Select -</option>
  <option value="Male">Male</option>
  <option value="Female">Female</option>
  <option value="Other">Other</option>
</select>
<div class="error" ng-show="Form.gender.$invalid">
    Select gender
</div>

What to change here?

标签： angularjs

Answer 1

为选项提供空（默认值），因此必填字段验证将在选择时触发。

html:

<select ng-model="patient.gender" name="gender" class="form-control" required>
  <option value=''>- Select -</option> //Default value to empty
  <option value="Male">Male</option>
  <option value="Female">Female</option>
  <option value="Other">Other</option>
</select>