角度/形式整數驗證器

Question

如何驗證我的數字輸入字段只接受整數而不是任何類型的十進制數（逗號/點）？

代碼

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>

任何的想法？

Answer 1

您可以嘗試 Angular Reactive 表單模式驗證器

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

Answer 2

嘗試使用像\\d+這樣的模式。 它在Validators.pattern()

Answer 3

Validators.pattern('^[^ ][0-9 ]+[^ ]$') ，僅允許數字值。 還驗證不允許在開頭或結尾有空格的字段。

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

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