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

【问题标题】：NG-Required not working on search input fieldsNG-Required 不适用于搜索输入字段
【发布时间】：2017-01-07 02:35:25
【问题描述】：

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

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

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

【问题讨论】：

标签： angularjs html angular-ui-bootstrap ng-required

【解决方案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>

【讨论】：