时间戳

首页 > 解决方案 > 如何从输入中添加对角度材料的验证

angular-material - 如何从输入中添加对角度材料的验证

问题描述

我有两个输入字段。

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. 如果用户没有在我想要显示的输入中输入任何内容，例如“需要名字”。

我怎样才能做到这一点。

标签： angular-material

解决方案

推荐阅读