如果需要显示错误消息数字没有给出 - 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

试试这个

<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

这将是更好的选择使用<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>