javascript - 如何以有效形式仅输入 3 位数字？

Question

你能告诉我当用户只输入 3 位数字(不是 alpha)时如何验证表单然后它是有效的表单否则无效。我尝试使用 maxength 和 minlength 但不工作。这是我的代码 https://stackblitz.com/edit/angular-cttwtq?file=src%2Fapp%2Fapp.component.ts

constructor(private fb: FormBuilder) {
    this.paymentForm = this.fb.group({
      cardname: ['', [Validators.required , Validators.minLength(3),Validators.minLength(3)]],

    });

Answer 1

您将输入设置为数字类型，因此最小和最大长度将不起作用。您必须将其更改为文本并添加模式验证，例如:

this.paymentForm = this.fb.group({
 cardname: [null, Validators.compose([Validators.required, Validators.minLength(3), 
 Validators.maxLength(3), Validators.pattern('[0-9]+')])],
});

我fork了你的例子，你可以看看: StackBlitz