输入已经要求，但表格仍然提交

Question

我使用HTML5验证中的必需属性。即使html5验证了空输入字段，我也不知道为什么表单仍然提交。

这是Plunker链接。 http://plnkr.co/edit/evh0fCD5hdyoXXuxJrUy

<form name="searchUser" ng-submit="search(username)" validation>
<input type="search" placeholder="Username" ng-minlength="1" ng-model="username" required/>
<input type="submit" value="search" ng-click="search(username)" />
</form>

Answer 1

当然它会提交，所需的属性只会在字段中触发验证，它不会停止提交。要做到这一点，你必须做这样的事情：

if($scope.searchUser.$valid){
          $http.get("https://api.github.com/users/" + username)
                    .then(onUserComplete, onError);

                    $scope.user = null;
  }

plnkr：

http://plnkr.co/edit/XznoWH71arlV5RaDLJsd?p=preview

希望有帮助=）