Angular material 如何从输入添加角度材质的验证

我有两个输入字段

HTML:

关闭
关闭

以下是我对输入验证的要求

如果用户输入的任何内容以“@！$%^7*（），；：”“/？=-+][{}\\|”开头，我想显示一条消息，如“请输入有效数据”

如果用户没有在输入中输入任何内容，我希望显示“需要名字”

---

如何实现这一点。

请阅读有关如何使用

formcontrol

的内容，您将能够轻松地将这些验证添加到表单字段中。到目前为止，您做了哪些尝试？这是来自物料文档的示例，对于您的情况，还需要添加模式验证程序

       <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>