숫자가없는 경우 오류 메시지 표시 - Angularjs

Question

안녕하세요 저는 angularjs 개발을 처음 접했고 양식 유효성 검사에 어려움을 겪고 있습니다.

입력란에는 최대 8 자리까지 입력 할 수 있습니다. 8 자리 숫자가 주어지지 않으면 에러 메시지를 보여주고 싶습니다. 또한 8 자리 숫자가 주어지면 오류 메시지가 사라집니다.

어떻게하면됩니까?

내 필드 사전에

<input maxlength="8" ng-model="customer.customerId" class="form-control" id="id_customer_select_id" placeholder="Enter existing customer id" ng-change="selectCustomer()" name="customer_id" ng-value="customerId" required="required" > 

감사합니다.

Answer 1

이 그것은 유효성 검사 오류 메시지가 아래

를 표시 할 수도 ng-messages를 사용하여 검증

에 대한 <form> </form>을 사용하는 것이 더 나은 선택 방법에 대한 예를

<div ng-show="formName.elementName.$invalid && formName.elementName.$dirty"> 
    <span ng-show="formName.elementName.$error.required"> 
     <div style="font: normal 20px courier">This field should be 8 numbers long</div> 
    </span> 
</div> 

Answer 2

입니다 것입니다 시도 귀하의 질문에 대한 유효성 검사를 사용하십시오 :

,

데모 예

<input type="text" placeholder="Number" name="number" ng-model="mobile" ng-maxlength="8" required /> 
    <div ng-messages="formName.number.$error" item- style="color: red"> 
    <div ng-message="required">Max number entered!! </div> 
    </div>