[Solved] Given this custom validator code, what will be the validation result for input value 'abc123'? function alphaOnly(control: AbstractControl) { const valid = /^[a-zA-Z]+$/.test(control.value);... | Angular

Angular - Reactive Forms

Given this custom validator code, what will be the validation result for input value 'abc123'?

function alphaOnly(control: AbstractControl) {
  const valid = /^[a-zA-Z]+$/.test(control.value);
  return valid ? null : { alphaOnly: true };
}

A{ alphaOnly: true }

Btrue

Cnull

Dfalse

Step-by-Step Solution

Solution:

Step 1: Analyze the regex test on input 'abc123'
The regex /^[a-zA-Z]+$/ matches only letters. 'abc123' contains digits, so test returns false.
Step 2: Determine validator return value
Since test is false, the validator returns the error object { alphaOnly: true } indicating invalid input.
Final Answer:
{ alphaOnly: true } -> Option A
Quick Check:
Input with digits fails alphaOnly validator [OK]

Quick Trick: Regex test false means return error object, not null [OK]

Common Mistakes:

MISTAKES

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this custom validator code, what will be the validation result for input value 'abc123'?