[Solved] Given this custom validator code, what will be the validation result for input value '12345'? function numericValidator(control: AbstractControl): ValidationErrors | null { const valid = /^[0-9]+$/.... | Angular

Angular - Reactive Forms

Given this custom validator code, what will be the validation result for input value '12345'? function numericValidator(control: AbstractControl): ValidationErrors | null { const valid = /^[0-9]+$/.test(control.value); return valid ? null : { numeric: true }; }

A{ numeric: true } (invalid input)

BThrows runtime error

Cundefined

Dnull (valid input)

Step-by-Step Solution

Solution:

Step 1: Understand the validator logic
The validator tests if the input contains only digits using a regular expression.
Step 2: Test input '12345'
All characters are digits, so the regex test returns true, making valid true.
Step 3: Return value
Since valid is true, the function returns null, meaning no validation error.
Final Answer:
null (valid input) -> Option D
Quick Check:
Valid numeric input returns null [OK]

Quick Trick: Regex test true means valid, so return null [OK]

Common Mistakes:

MISTAKES

Confusing null with error object
Assuming regex test returns error

Master "Reactive Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Visual Try Challenge Project Recall Perf

More Angular Quizzes

function numericValidator(control: AbstractControl): ValidationErrors | null { const valid = /^[0-9]+$/.test(control.value); return valid ?

Step 1: Understand the validator logic

Step 2: Test input '12345'

Step 3: Return value

Final Answer:

Quick Check:

Want More Practice?