NG-Required 不适用于搜索输入字段

Question

我有一个文本框，它是一个搜索框（输入类型 ="search"），我想根据需要在其上使用 ng-required 指令。

问题是如果我设置 ng-required = true 我的文本框周围没有红色框。如果我更改输入类型 = "text" 它可以正常工作，但我不会让我的 x 清除数据。

如何修改输入类型="search" 以便它看到所需的标志并将文本框更改为红色？

Answer 1

ng-required 和 required 应该适用于任何输入类型。
看看这里。您可以更改输入类型并查看两种情况下的消息 true。

function SearchCtrl($scope) {
  $scope.postBtn = function() {
     debugger;
      if($scope.searchForm.$invalid) {
        console.log($scope.searchForm.$invalid);
        return;
      }
    }
    
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app ng-controller="SearchCtrl">
   <form name="searchForm">
     <input type="search" name="search" ng-model="search" required/>
     <div ng-messages="searchForm.search.$error">
        <p ng-message="required">This field is required.</p>
    </div>
     <input type="button" ng-click="postBtn()" name="Submit" value="submit" />
   </form>
</div>

NG-Required 不适用于搜索输入字段

NG-Required not working on search input fields

html

angularjs

angular-ui-bootstrap

ng-required