angular/forms integer validator

Question

How can I validate my numeric input field to only accept integer and not any kind of decimal numbers (comma / dot)?

Code

Component

import { FormGroup, FormBuilder, Validators } from '@angular/forms';

this.savingData = this.formBuilder.group({
  amount: ['', Validators.required], // only accept integer 123000
});

HTML

<ion-input type="number" min="1" inputmode="numeric" formControlName="amount" placeholder="{{ 'SAVINGS.amount' | translate }}" ></ion-input>

Any idea?

Kamran Khatti · Accepted Answer · 2020-09-18 10:02:10Z

21

You can try Angular Reactive form pattern validator

this.savingData = this.formBuilder.group({
  amount: ['', [Validators.required, Validators.pattern("^[0-9]*$")]], // only numbers
});

edited Sep 18, 2020 at 10:02

answered Sep 18, 2020 at 9:51

Kamran Khatti

4,2071 gold badge23 silver badges33 bronze badges

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

4 Comments

Kamran Khatti Over a year ago

@mafortis add regex inside quotes updated answer checkout now

mafortis Over a year ago

ok works this way amount: ['', [Validators.required, Validators.pattern("^[0-9]*$")]], thanks a lot

Kamran Khatti Over a year ago

@mafortis It will accept other chars as well but the form would be invalid though.

Ollie Over a year ago

If you are OK with negative numbers too: Validators.pattern('^-?[0-9]*$')

Oleg Postoev · Accepted Answer · 2020-09-18 09:49:36Z

2

Try to use pattern like \d+. It is in Validators.pattern()

answered Sep 18, 2020 at 9:49

Oleg Postoev

3513 silver badges5 bronze badges

2 Comments

mafortis Over a year ago

You mean I replace Validators.required with Validators.pattern()?

Oleg Postoev Over a year ago

You can do this, or save required and use \d*

Collectives™ on Stack Overflow

angular/forms integer validator

Code

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Code

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related