Negative number in input type copy and paste reactive form

Question

Currently using reactive form, there is situation where we need to use input type as number and prevent the non negtive number so using the following approach

     <input type="number" class="form-control input-box" formControlName="test" required onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57"  min="0"/>

It perfectly work to prevent the negative number, however if some one is copy and paste the negative number it failed. So whenever any one copy and paste the number convert it to postive number and set the value in control

why don't you try like use in validation ['', validators.min(0)] ? — yala ramesh, Jan 08 '19 at 06:15
Refer link https://stackoverflow.com/questions/39847862/min-max-validator-in-angular-2-final — shweta, Jan 08 '19 at 06:37
Refer link https://stackoverflow.com/questions/39847862/min-max-validator-in-angular-2-final — shweta, Jan 08 '19 at 06:38

score 0 · Answer 1 · answered Jan 08 '19 at 06:20

0

Just try

<input type="number" class="form-control input-box" formControlName="test" required/>

in your component fromGroup

'test': [, [Validators.max(Number.MAX_VALUE), Validators.min(0)]],

answered Jan 08 '19 at 06:20

yala ramesh

3,362
1
22
35

Negative number in input type copy and paste reactive form

1 Answers1