How to get Error message when using pattern in angular 2

Question

I have tried this code but it is not working.

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

have you fields are wrapped inside form?

Pankaj Parkar
– Pankaj Parkar

2016-12-21 14:11:07 +00:00
Commented Dec 21, 2016 at 14:11 — Pankaj Parkar
– Pankaj Parkar, Commented Dec 21, 2016 at 14:11

Bazinga · Accepted Answer · 2016-12-21 15:27:13Z

1

Your regex is also valid from two reasons:

Your input type is a number. You can't type letters.
[0-9]* - the asterisk means - 0 or more occurrences.

edited Dec 21, 2016 at 15:27

answered Dec 21, 2016 at 14:23

Bazinga

11.3k7 gold badges42 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Partha Sarathi Ghosh Over a year ago

1. Input type is number. It will not take any special character only taking + and - . I want to restrict + and - also.

Collectives™ on Stack Overflow

How to get Error message when using pattern in angular 2

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related