how I can get Validators.minLength of form input and set it in html dynamicly?

Question

I have a form in angular and I want to use value of form "Validators.minLength" in html input tag.

I want Know is any way to use directly from form validator in html;

sample: [maxLength]="form.get('zipCode').validators('maxLength)"

My ts code is:

            zipCode: [ '', [
                Validators.required,
                Validators.maxLength(10),
                number,
            ],

and html is:

                        <input type="tel"
                               formControlName="zipCode"
                               [maxLength]="10"  // here I want insert dynamic number from ts file
                               placeholder="insert your zip code">

tanks for your helping.

Tony · Accepted Answer · 2020-10-14 10:00:09Z

2

TS

this.maxLength=10;
zipCode: [ '', [
                Validators.required,
                Validators.maxLength(this.maxLength),
                number,
            ],

HTML

<input type="tel" formControlName="zipCode" placeholder="insert your zip code">

answered Oct 14, 2020 at 10:00

Tony

9105 silver badges19 bronze badges

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

3 Comments

M.Hajavi Over a year ago

tanks for your answer, I want to know is a way to add maxlength value in input tag, sample: [maxLength]="form.get('zipCode').maxLength" ???

Tony Over a year ago

you can bind [maxLength] to a variable like this [maxLength] ="maxLength", but i didnt get the point, both are same right?

M.Hajavi Over a year ago

yes that's true but I have many fields same as this and it's not suitable way for me

Ali Demirci · Accepted Answer · 2020-10-14 12:53:55Z

1

TS:

public maxZipCodeLength: number = 10;

HTML:

<input type="tel" formControlName="zipCode" [maxlength]="maxZipCodeLength" />

This should be enough.

edited Oct 14, 2020 at 12:53

answered Oct 14, 2020 at 10:30

Ali Demirci

5,4827 gold badges42 silver badges68 bronze badges

2 Comments

M.Hajavi Over a year ago

tanks for your answer, I want Know is any way to use directly from form validator in html; sample: [maxLength]="form.get('zipCode').validators('maxLength)"

Ali Demirci Over a year ago

That's bad way to do it. Keep in mind that according to official documentation if you use maxlength on html input, basically angular converts it to a form validator already. https://angular.io/api/forms/Validators#maxlength. That means if you use maxlength on input, you don't have to use validator.

Collectives™ on Stack Overflow

how I can get Validators.minLength of form input and set it in html dynamicly?

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related