How to count input value length in typescript(Angular)?

user_14454663 0
Viewed 651

I want to count form control value in reactive form..

          <div class="col-md-3">
            <input type="text" class="form-control" formControlName="PreMobile" (keypress)="keyPress($event)" (focusout)="validation()"/>
          </div>

This is my Form Control Name.

Form Name is memberApplicationForm

Form Initialization

private initializeForm() {
    this.memberApplicationForm = new FormGroup({
      PreMobile: new FormControl(''),
    });

Now I want to count PreMobile formcontrol input value length.

  validation(){
    // What should be here
  }

How can I do that?

angular typescript
2 Answers

This should do the work:

validation() {
   console.log(this.memberApplicationForm.controls.PreMobile.value.length);
}

On the form object we can access its controls with their respective values. Try logging this like above and use it as you intended.

user_152103040

Use like this,

validation() {
   console.log(this.memberApplicationForm.get('PreMobile').value.length);
}
user_184369800
Related