입력이 필요하지만 양식이 여전히 제출됩니다.

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

는 제출 물론, 필요한 속성은이 실 거예요 제출 중지, 현장에서 검증을 트리거합니다. 이 작업을 위해이 같은 뭔가를해야 : plnkr 아래

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

        $scope.user = null; 
    } 

:

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

그것 = 희망이 도움)