角度字符串和数字验证错误

Question

<mat-form-field>
    <input matInput placeholder="Protokol Detayı" type="text" required="true" name="detail" id="detail"
                                    #detail="ngModel" ngModel required>
</mat-form-field>
<mat-error *ngIf="detail.touched && detail.invalid">
    <div *ngIf="detail.errors.required">Bu alanı boş geçemezsiniz.</div>
</mat-error>

如果输入得到数字而不是字母，我想显示错误。但我无法做到这一点。我认为我正确地写了输入的类型。

Answer 1

有两种方法可以实现这一目标。 1]不允许在输入框中输入数字。显示无错误2]在输入的文本与输入不匹配时使用输入和显示错误的模式属性，例如，以下模式将只采用字母表，并在用户输入数字时给出错误。

<mat-form-field>
        <input matInput placeholder="Protokol Detayı" type="text" required="true" name="detail" id="detail"
                                    #detail="ngModel" [pattern]="[a-zA-Z]+$" ngModel required>
    </mat-form-field>
    <mat-error *ngIf="detail.touched && detail.invalid">
        <div *ngIf="detail.errors.required">Bu alanı boş geçemezsiniz.</div>
        <div *ngIf="detail.errors.pattern">numbers not allowed.</div>

    </mat-error>