AngularJS選擇所需的驗證

Question

以下是我的代碼段。 我想使用角度驗證我的選擇框。

<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中出現此錯誤，並且提交按鈕不起作用

名稱='category_0'的無效表單控件不可聚焦。

這是the 子

Answer 1

問題不是選擇框，可能是您有另一個選擇框（名稱為category_0 ）或其他輸入字段（名稱為category_0 ），該選擇框具有必需的屬性，並且是隱藏的或不可見的。

因此，當您嘗試提交表單時，它會嘗試使其聚焦，但這是不可能的。 確保有名稱的元素category_0不是內部ng-hide塊，或內部的ng-show了false條件。