angular reactive form does not hit api when form validation is applied

Question

I have a form which has to be submitted after checking form validations. But when I submit the form it does not to make a request to API.

my component.html file

       <form
          class="forms"
          [formGroup]="addContainerForm"
          (ngSubmit)="addAnalyticsSubmit(addContainerForm.value)"
        >
       // some code
       </form>

my component.ts file

       addContainerForm(v){
            this.new = v
           const a = {
      Name: this.new.nameValue,
       Coordinates: this.coordinates,
         };
       if (this.addContainerForm.valid) {
        this.service.postContainer(a).subscribe(
      (res: any) => {
      console.log(res)})
        }

           }

I don't know why API is not hit when the check condition is applied for form validation. Please, tell me what I am doing wrong.

You should try to debug your formgroup to get th validation errros and what's not working with it! — Rebai Ahmed
– Rebai Ahmed, Commented Nov 26, 2020 at 8:36

Ali Waqas · Accepted Answer · 2020-11-26 10:00:46Z

1

Since you have not shared enough information to understand your problem. Angular official docs have very well explained the basics of forms https://angular.io/guide/http

Also the validation has been explained here. https://angular.io/guide/form-validation

answered Nov 26, 2020 at 10:00

Ali Waqas

3375 silver badges15 bronze badges

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

Comments

neelam · Accepted Answer · 2020-11-26 09:36:29Z

0

I have added unnecessary fields in the formbuilder group which i am not using in my form due to which it always return false from form validation.

answered Nov 26, 2020 at 9:36

neelam

1511 gold badge5 silver badges22 bronze badges

Collectives™ on Stack Overflow

angular reactive form does not hit api when form validation is applied

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related