게재 응답에 따라 Angularjs 양식 검증 오류 메시지 표시

전자 메일이 이미 있는지 확인하는 양식이 있습니다. 그것이 이미 존재하는 경우 json 응답에서 오류 msg를 표시하고 있습니다. 이 부분은 완료되었습니다 (이것은 사용자가 제출 버튼을 클릭 할 때 확인됩니다).게재 응답에 따라 Angularjs 양식 검증 오류 메시지 표시

이메일이 이미 존재하는 경우 오류가 발생합니다.

이메일 입력란을 업데이트해야합니다. msg를 추가해야합니다. 이미 이메일이 있습니다. 나는 NG-쇼를 사용하고 =

<form name="personalInfo" role="form" autocomplete="off"> 
<div class="form-group"> 
    <input type="text" maxlength="11" class="form-control" name="usupiEmail" ng-model="usuAttributes.personalInfo.email" ng-focus="ShowPlaceholder('email')" /> 
    <label>Email ID</label> 

    <div class="error-message" ng-show="personalInfo.$submitted" ng-cloak> 
     Please verify your Email. 
    </div> 
</div> 
<button type="submit" class="btn-default" ng-click="usupiUpdateUser()">Next</button>

가 나는 또한 다른 방법을 시도했다 "personalInfo $ 제출."

function checkWrongEmail (errorCode) { 
    if (errorCode === '409') { 
     return true; 
    } 
    return false; 
}

출처

2016-09-22 Veer

H 아,'personalInfo. $ submitted'를 업데이트하고 계십니까? (그런데, 아마도'usuAttributes.personalInfo. $ submitted'가되어야 할 것입니다. 409 오류로 서버에서 응답을 받으면이 속성을 'true'값으로 업데이트 할 수 있습니다. 그러면 오류에 대한 의도 된 메시지가 표시됩니다. – NunoM

우선은 포함하는 사업부로 NG-응용 프로그램 지시문을 추가합니다. 그것 없이는 작동하지 않습니다. 수동으로 설정하려고 할 때까지 작동하지 않는 true/false를 넣으려고했습니다. JSFiddle을 참조하십시오. 양식 요소에서 ng-app를 제거하면 작동하지 않습니다. 반면에 ng-show를 true/false로 변경하면 원하는 결과를 얻을 수 있습니다.

지정한 NG 모델은 다음과 같습니다

usuAttributes.personalInfo.email

그러나 NG 쇼의 표현은 다음과 같습니다

personalInfo.$submitted

이 또한 여부를 확인 모델 에 대한 범위에있는 경우 당신은 확인해야합니다 즉시 닫힌 입력 요소에서 모델을 정의 했으므로 변수에 액세스 할 때 문제가 발생하지 않습니다 (다시 오류 메시지 div 액세스 권한이 있습니까?)

출처

2016-09-22 11:12:15

게재 응답에 따라 Angularjs 양식 검증 오류 메시지 표시

답변

관련 문제