必要に応じてエラーメッセージを表示する番号が与えられていない - 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

それは検証

ため<form> </form>を使用するためのより良いオプションも下記のあなたの検証エラーメッセージ

がどのように例で表示するためにng-messagesを使用することになり、この

<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>