как добавить проверку для angular материала из входных данных

Question

У меня есть два поля ввода.

HTML:

       <mat-form-field class="example-form-field" >
        <input matInput type="text" placeholder="First Name" name = "user_first_name" [(ngModel)]="user_first_name" required>
        <button mat-button *ngIf="user_first_name" matSuffix mat-icon-button aria-label="Clear" (click)="user_first_name=''">
          <mat-icon>close</mat-icon>
        </button>
      </mat-form-field>


      <mat-form-field class="example-form-field">
        <input matInput type="text" placeholder="Last Name" name = "user_last_name" [(ngModel)]="user_last_name" required>
        <button mat-button *ngIf="user_last_name" matSuffix mat-icon-button aria-label="Clear" (click)="user_last_name=''">
          <mat-icon>close</mat-icon>
        </button>
      </mat-form-field>

Вот мои требования к проверке ввода.

1. , если пользователь вводит что-либо начинается с этих "@! # $% ^ 7 * ().,;: '"' /? = - +] [{} \ | ". Я хочу отобразить сообщение типа Пожалуйста, введите действительные данные.
2. Если пользователь ничего не вводит во входные данные, я хочу отобразить их как «Имя необходимо».

Как мне этого добиться.