angular2+ reactive from control validation pattern

Question

in angular 6 reactive forms.

regular expression of : 9999.99 OR 0000.99 ( 2 decimal) and not more then 10000 number, wrote below ( basically 0000.01 to 9999.99 should be acceptable)

Edit : 1 to 9999 also 0000.01 to 9999.99 also )

const currency ="(?!0)\\d+(?:\\.\\d+)?$'";
    RatesFormArray.push(new FormControl('', [Validators.required, Validators.pattern(this.currency)]));

but it is not working. is angular reactive forms pattern validator works same way like regex syntax new RegExp() from javascript?

what i have tried is : https://stackblitz.com/edit/angular-symlaq?file=src%2Fapp%2Fapp.component.ts

Answer 1

try this regex to find number between 0000.01 to 9999.99

(/^([\d]{0,4})(.|$)([\d]{2,2}|)$/g)

above regex will match only number between 0000.01 to 9999.99, so you should add it i

constcurrency ="\^([\\d]{0,4})(\\.|$)([\\d]{2,2}|)$";
RatesFormArray.push(new FormControl('', [Validators.required,Validators.pattern(this.currency)]));

Answer 2

The regex const currency="(?!(^0+(\.0+)?$))^\d{1,4}(\.\d{1,2})?$" will match any number between 0 and 9999 with two decimal points Try here