如何在角度2中使用模式时获取错误消息

时间:2016-12-21 14:03:55

标签: validation angular

我已经尝试过这段代码,但它无效。

<div>
    <span *ngIf="!usernameRef.errors?.required">Amount</span>
    <span *ngIf="!usernameRef.errors?.required">Cover amount required.</span>
    <span *ngIf="usernameRef.errors?.pattern">Cover amount invalid.</span>

     <input type="number" name="Amount" class="form-control" data-field="validate" placeholder="50 000" [(ngModel)]="Amount" 
    required #usernameRef="ngModel" pattern="[0-9]*" /> 
    </div>

1 个答案:

答案 0 :(得分:1)

你的正则表达式也有效,原因有两个:

  1. 您的输入类型是一个数字。你不能输信。
  2. [0-9] * - 星号表示 - 出现0次或更多次。