제출시 AngularJS 유효성 확인

Question

내 AngularJS 앱에서 간단한 폼 유효성 검사를 구현하고 싶지만 사용자가 양식 제출 버튼을 클릭 할 때까지 유효성 검사 오류를 표시하지 않기를 바랍니다. 입력하거나 입력란을 종료 할 때 유효성을 검사하지 않기를 바랍니다.

이 방법이 있습니까? 최소한 하나의 사용자 정의 유효성 검사기 지시문을 작성하여 작업해야합니다.

AngularJS에서 양식 유효성 검사가 매우 어려워 지금까지는 원하는대로 정확하게 작동하지 못했습니다.

Answer 1

다음과 같이 할 수 있습니다. 여기에 예제가 있습니다

<form name="form" ng-app> 
    <div class="control-group" ng-class="{true: 'error'}[submitted && form.email.$invalid]"> 
      <label class="control-label" for="email">Your email address</label> 
      <div class="controls"> 
       <input type="email" name="email" ng-model="email" required /> 
       <span class="help-inline" ng-show="submitted && form.email.$error.required">Required</span> 
       <span class="help-inline" ng-show="submitted && form.email.$error.email">Invalid email</span> 
      </div> 
     </div> 

     <button type="submit" class="btn btn-primary btn-large" ng-click="submitted=true">Submit</button> 
    </form>