简化的情况是,在我的表单上,我有两个字段 - A 和 B。
字段 A 是必需的并已启用。字段 B 也是必需的,但由于在字段 A 中键入的数据而被禁用和仅填充(动态),在某些情况下,B 可能会被解析为 NULL。
除非填充了两个字段,否则用户应该无法提交表单,因此我需要向字段 B(禁用/动态填充)添加必需的验证。
虽然所需的验证对于启用的字段工作正常,但对于禁用的字段似乎被忽略了。
<mat-form-field>
<input name="FieldA" matInput formControlName="FieldA" placeholder="Field A" [maxLength]="6">
<mat-error *ngIf="formErrors.FieldA">{{ formErrors.FieldA }}</mat-error>
</mat-form-field>
<mat-form-field>
<input name="FieldB" matInput formControlName="FieldB" placeholder="Field B">
<mat-error *ngIf="formErrors.FieldB">{{ formErrors.FieldB }}</mat-error>
</mat-form-field>
buildForm() {
this.form = this.form.group({
FieldA: ['', [Validators.required]],
FieldB: [{ value: '', disabled: true }, [Validators.required]],
});
Run Code Online (Sandbox Code Playgroud)
有什么方法可以在 HTML 中向 FieldB 添加验证而不启用它?