[Solved] Given this form control: new FormControl('', [Validators.required, Validators.minLength(3)])What will be the validation status if the user enters 'Hi'? | Angular

Angular - Reactive Forms

Given this form control:

new FormControl('', [Validators.required, Validators.minLength(3)])

What will be the validation status if the user enters 'Hi'?

AValid

BInvalid because input is empty

CInvalid because input does not match pattern

DInvalid because input length is less than 3

Step-by-Step Solution

Solution:

Step 1: Check input against Validators.required
The input 'Hi' is not empty, so the required validator passes.
Step 2: Check input length against Validators.minLength(3)
'Hi' has length 2, which is less than 3, so minLength validator fails.
Final Answer:
Invalid because input length is less than 3 -> Option D
Quick Check:
Length 2 < 3 = Invalid minLength [OK]

Quick Trick: Check required first, then minLength [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this form control: