Question

我有反应形式，用户只能输入非十进制正数的字段之一。

this.projectForm = new FormGroup({
      'id': new FormControl(null, [Validators.required]),
      'name': new FormControl(null, [Validators.required]),
      'seqNo': new FormControl(null, [Validators.required, Validators.pattern(/^[1-9]+[0-9]*$/)]) 
    });

当我将其保留为输入类型文本时，两个验证均会正常启动。我不能输入正整数。

        <input type="text" id="seqNo" class="form-control" placeholder="Seq No" formControlName="seqNo" min="1" step="1">
        <span class="mwk-validation-error form-text" *ngIf="!projectForm.get('seqNo').valid && projectForm.get('seqNo').errors?.required">Seq no is required!</span>
        <span class="mwk-validation-error form-text" *ngIf="!projectForm.get('seqNo').valid && !projectForm.get('seqNo').errors?.required">Seq no must be positive number</span>

我想在这里使用输入类型=数字。问题是

在字母上，将其视为未输入任何内容，因此需要显示msg。
它允许我输入一个十进制值，模式验证对我不起作用

如何解决此问题？我不想编写自定义验证，因为对于字母它不会触发任何方式。

Answer 1

 <span *ngIf="projectForm.hasError('required', 'seqNo')">
                        Name is required.
                    </span>

尝试这样

将模式验证器应用于输入类型编号Angular 6

1 个答案: