Angular 2 reactive form validate pattern for number with two decimal places

Question

I am trying to validate an input on an angular 2 reactive form so that only numbers with two decimal places are valid.

I am using the Validators.pattern('^\d+\.\d{2}$') method to match against a regex pattern. According to https://regex101.com/r/1DbMZq/1 my regex matches correctly but when I use it in my form it is always invalid.

Here is a plunker illustrating the problem: https://plnkr.co/edit/TpBZtgNNww4CnTwQFtef?p=preview

Any ideas what I'm doing wrong?

Use `Validators.pattern('^\\d+\\.\\d{2}$')` – Wiktor Stribiżew Nov 30 '16 at 19:00 — Wiktor Stribiżew, Nov 30 '16 at 19:00
@WiktorStribiżew yep, that seems to have done it. Thanks! – Amanda Kitson Nov 30 '16 at 19:01 — Amanda Kitson, Nov 30 '16 at 19:01

yurzui · Answer 1 · 2016-11-30T18:30:49.117

12

I assume you have to pass Regexp type instead of string like:

Validators.pattern(/^\d+\.\d{2}$/)

Here's updated plunker

If you use string as parameter of the pattern method then your Regexp will be changed as shown below

edited Nov 30 '16 at 18:30

answered Nov 30 '16 at 18:25

yurzui

205,937
32
433
399

You should add that `'\\d+\\.\\d{2}'` is also a possibility. – Casimir et Hippolyte Nov 30 '16 at 18:48

Angular 2 reactive form validate pattern for number with two decimal places

1 Answers1