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

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

希望它可以帮助=）