3

如何验证我的数字输入字段仅接受整数而不接受任何类型的十进制数字(逗号/点)?

代码

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>

任何想法?

4

2 回答 2

11

您可以尝试 Angular Reactive 表单模式验证器

this.savingData = this.formBuilder.group({
  amount: ['', [Validators.required, Validators.pattern("^[0-9]*$")]], // only numbers
});
于 2020-09-18T09:51:46.933 回答
0

尝试使用像\d+. 它在Validators.pattern()

于 2020-09-18T09:49:36.513 回答