2016-09-15 25 views
0

嗨,我是新來的angularjs發展,我正在努力與表單驗證。如果需要顯示錯誤消息數字沒有給出 - 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" > 

在此先感謝。

+0

嘗試'NG-maxlength'和'NG-minlength'。 –

+0

我試過ng-maxlength,但沒有奏效。只有maxlength爲我工作。 –

回答

1

試試這個

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

這將是更好的選擇使用<form> </form>用於驗證

也使用ng-messages顯示您的驗證錯誤信息

下面給出的是例如如何使用您的問題驗證:

演示實施例

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