Angular FormControl minlength error not appearing in the errors object

Question

I'm trying to access the minlength error but when I log all the errors it isn't there.

This is my form control

title: new FormControl("", [Validators.minLength(10), Validators.required]),

Here I'm expecting to see both the required and minlength error.

ngOnInit(): void {
  console.log(this.data.get('title')?.errors)
}

but instead, I only see the required one.

Any ideas? Thanks!

If title value is empty then it will fire required when there is any value in title then only it will check for minLength. — JsNgian
– JsNgian, Commented Aug 29, 2021 at 5:02

Yong Shun · Accepted Answer · 2021-08-29 01:22:36Z

4

According to Angular Validators minLength(),

The minLength validator logic is also not invoked for values when their length property is 0 (for example in case of an empty string or an empty array), to support optional controls.

You can use the standard required validator if empty values should not be considered valid.

Hence minLength validator only fires when title is not an empty string.

edited Aug 29, 2021 at 1:22

answered Aug 29, 2021 at 1:10

Yong Shun

54.2k6 gold badges37 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular FormControl minlength error not appearing in the errors object

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related