角度、文字列と数値の検証エラーが

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

これを達成するには2通りの方法があります。 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>