서버 측 Django REST와 함께 AngularJS를 사용하여 폼 유효성 검사 플러그인 구현

Question

이제 Django REST Framework 백엔드에 Angular를 사용하여 클라이언트 측을 구현 중입니다.

프로젝트의 알파를 가장 빨리 실행하려면 서버 측 유효성 검사를 직접 사용하기로 결정했습니다.

장고 나머지는 필드와 오류 사이의 일대일 대응으로 JSON 문자열을 반환합니다.

장고의이 기능을 사용하면 몇 분 내에 jQuery에서 이러한 기능을 구현할 수 있습니다.

질문은 각도로 어떻게 처리합니까?

코드 예제 :

형태 : 필드가 모두 비어있는 경우 서버에서

<label for="uname">Login:</label> 
        <div class="inputUnit" name="email"> 
         <input tpye="email" class="text" name="email" ng-model="formData.email"> 
        </div> 
<label for="password">password:</label> 
        <div class="inputUnit"> 
         <input type="password" class="text" name="password" ng-model="formData.password"> 
        </div> 

JSON 응답 :

{"password": ["This field is required."], "email": ["This field is required."]} 

경우 암호의 서버에서

JSON 응답 이메일이 정규식과 일치하지 않습니다.

{"password": ["This field is required."], "email": ["Enter a valid e-mail address."]} 

이러한 오류를 사용자에게 표시하기 위해 일반 구성 요소를 구현하는 것이 가장 좋은 방법은 무엇입니까? 오류를 표시 한 후

원하는 HTML :

여기

<label for="uname">Login:</label> 
        <div class="inputUnit" name="email"> 
         <input tpye="email" class="text" name="email" ng-model="formData.email"> 
<label for="error">Email error here</lable> 
        </div> 
<label for="password">password:</label> 
        <div class="inputUnit"> 
         <input type="password" class="text" name="password" ng-model="formData.password"> 
<label for="error">Password error here</lable> 
        </div> 

Answer 1

당신은 내가 당신을 위해 유용 할 것이다 희망 지시 https://github.com/9ci/angle-grinder/blob/c0211c885c561f8ec820b38d506135f4fb8b6dfb/app/scripts/modules/forms.coffee#L321와 서버 측 유효성 검사 오류를 처리 할 내 시도를 찾을 수 있습니다.