angularjs 페이지에서 폼 유효성 검사 금지

Question

웹 응용 프로그램에 사용자 이름과 비밀번호를 묻는 간단한 양식이 있습니다. 나는 표준 anglejs 검증을 사용했다. 내가 페이지를로드 할 때

는 그러나 확인 메시지가 바로 나타납니다. 이것이 왜 있는지. 내 최종 양식 마크 업이

<div ng-controller="LoginCtrl"> 
    <form name ="loginForm" novalidate> 
     <div class="input-group" style="margin-left:100px;"> 
      <input id="username" type="text" name="username" ng-model="user.name" class="form-control" placeholder="Username" required> 
      <span class="alert-danger" ng-show="loginForm.username.$error.required">Username is required.</span> 
      <input id="password "type="password" name="password" ng-model="user.password" class="form-control" placeholder="Password" required> 
      <span class="alert-danger" ng-show="loginForm.password.$error.required">Password is required.</span> 
     </div> 
     <input class="btn btn-lg btn-success" type="submit" id="submit" value="Login" ng-click="loginUser()" /> 
     <pre>Username={{list}}</pre> 
    </form> 
</div> 

아이디어가 있으십니까?

Answer 1

값이없는 경우 (또는 $dirty이 존재하지 않는 한) 메시지를 표시하지 말아야합니다.이 특수 변수는 AngularJS 양식에 삽입되어 특정 이벤트가 발생했음을 알립니다.

예를 들어, 예를 들어 아래의 코드를 사용하고 조정 :

<span class="alert-danger" ng-show="loginForm.username.$error.required && loginForm.username.$dirty">Username is required.</span> 
<span class="alert-danger" ng-show="loginForm.password.$error.required && loginForm.password.$dirty">Password is required.</span>