Question

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

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

如何修改输入类型=＆＃34;搜索＆＃34;以便它看到所需的标志并将文本框更改为红色？

Answer 1

无论输入类型如何，

ng-required和required都应该有效看看这里。您可以更改输入类型，并在两种情况下查看消息true。

＆＃13;

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

＆＃13;

<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>

＆＃13;

NG-Required不在搜索输入字段上工作

1 个答案: