diff --git a/projects/player/src/app/components/validation-message.component.ts b/projects/player/src/app/components/validation-message.component.ts index a54bd954ded1efb14fc5ccefd1fd248b723b94d7..9170750c69762b014768574b7f349024b3a47c69 100644 --- a/projects/player/src/app/components/validation-message.component.ts +++ b/projects/player/src/app/components/validation-message.component.ts @@ -14,6 +14,9 @@ import { FormService } from '../../../../common/form.service'; <mat-error *ngIf="formElementControl.errors?.required"> {{requiredMessage}} </mat-error> + <mat-error *ngIf="formElementControl.errors?.requiredTrue"> + {{requiredMessage}} + </mat-error> <mat-error *ngIf="formElementControl.errors?.minlength"> {{minLengthMessage}} </mat-error> @@ -49,7 +52,11 @@ export class ValidationMessageComponent implements OnInit { private get validators(): ValidatorFn[] { const validators: ValidatorFn[] = []; if (this.elementModel.required) { - validators.push(Validators.required); + if (this.elementModel.type === 'checkbox') { + validators.push(Validators.requiredTrue); + } else { + validators.push(Validators.required); + } } if (this.elementModel.min) { if (this.elementModel.type === 'number-field') {