写在form 表单里面的按钮点击后一定可以触发表单校验
如过写在外部的提交按钮想触发表单校验,则可以设置一个隐藏的submit按钮,点击提交时获取元素并点击事件
<form [formGroup]="dataForm" (onSubmit)="addNew()">
<mat-form-field class="self-field-item">
<input autocomplete="off" matInput maxlength="50" autofocus required
[formControl]="UserNameControl" [placeholder]="'请输入用户姓名'" />
<mat-error *ngIf="UserNameControl.invalid">
<span *ngIf="UserNameControl.errors?.required">请输入用户姓名</span>
</mat-error>
</mat-form-field>
<br />
<button type="submit" id="submit" style="display: none;"></button>
</form>
<button (click)="checkForm()">提交</button>