AngularJS选择所需的验证

Question

以下是我的代码段。我想使用angular验证我的选择框。

<form name="myForm">
  <select name="category_1"  ng-model="catid" id="category_1" ng-options="category.catid for catid in categories" required>
    <option value="" selected=""></option>
    <option value="1">music</option>
    <option value="2">internet</option>
  </select>
  <button ng-disabled="!myForm.$valid" ng-click="uploadPic(picFile)">Submit</button>
</form>

但无法提交我在chrome中收到此错误的表单，并且提交按钮无法正常工作

  

name ='category_0'的无效表单控件无法调焦。

这是plunker

Answer 1

问题不在于选择框，可能问题是您有另一个选择框（名称为category_0）或其他输入字段（名称为category_0），其中包含必需的属性，它隐藏或不可见。

因此，当您尝试提交表单时，它会尝试关注它，但这是不可能的。确保名称为category_0的元素不在ng-hide块内，或在ng-show内false条件内。