각 유효성 검사가 작동하지 않습니다.

Question

양식의 유효성 검사와 함께 양식을 정의한 HTML 페이지에서 각도 유효성 검사를 사용하고 있습니다. 그러나 페이지를 실행할 때 페이지에서 사용한 모든 유효성 검사가 표시됩니다. 모든 유효성 검사를 숨길 수있는 방법이 있습니까? 당신은 확인하기 위해 사용하는 변수를 시도 할 수 있습니다

<form ng-controller="validateCtrl" 
     name="loginForm" novalidate> 

    <p>UserName:<br> 
     <input type="text" name="uName" ng-model="uName" required> 
    <span style="color:red" ng-show="loginForm.uName.$dirty && loginForm.uName.$invalid && loginForm.uName.$error.required"> 
     Username is required 
    </span> 
    </p> 

    <p>Password:<br> 
     <input type="text" name="pwd" ng-model="pwd" required> 
    <span style="color:red" ng-show="loginForm.pwd.$dirty && loginForm.pwd.$invalid"> 
    <span ng-show="loginForm.pwd.$error.required">Password is required.</span> 
    </span> 
    </p> 

    <p> 
     <input type="submit" ng-click="popupuser()" 
       ng-disabled="loginForm.$invalid "> 
    </p> 

</form> 
<script src="https://code.angularjs.org/1.2.3/angular.min.js"></script> 

Answer 1

는 http://jsbin.com/figuve/1/edit

이 validateCtrl 그렇지 않으면 검증 것 존재하는지 확인 여기를 참조하십시오 괜찮 양식이

<span ng-show="(loginForm.uName.$dirty || isSubmitted) && loginForm.uName.$error.required">Username is required</span> 

Answer 2

귀하의 코드와 같은 형태로 submited입니다 작동하지 plase 여기를 참조하십시오 http://jsbin.com/figuve/2/edit

또는

필요없는 경우 양식에서 ng-controller="validateCtrl"을 제거하십시오. 여기를 참조하십시오 http://jsbin.com/figuve/3/edit