如何解决角度/形式整数验证器
如何验证我的数字输入字段只接受整数而不接受任何类型的十进制数字(逗号/点)?
代码
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>
有什么想法吗?
解决方法
您可以尝试Angular反应形式pattern validator
this.savingData = this.formBuilder.group({
amount: ['',[Validators.required,Validators.pattern("^[0-9]*$")]],// only numbers
});
,
尝试使用\d+
之类的模式。它位于Validators.pattern()
Validators.pattern('^[^ ][0-9 ]+[^ ]$')
,仅允许数字值。还可以验证字段的开头或结尾不允许有空格。
import { FormGroup,FormBuilder,Validators } from '@angular/forms';
this.savingData = this.formBuilder.group({
amount: ['',Validators.pattern('^[^ ][0-9 ]+[^ ]$')]]
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。