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来显示验证错误消息

以下是如何对您的问题使用验证的示例：

演示示例

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

Answer 2

试试这个

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

如果需要，则显示错误消息没有给出数字 - Angularjs

2 个答案: