javascript - Form submission canceled because the form is not connected - Stack Overflow

admin管理员组

文章数量:1340295

I have these html button:

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button class="btn btn-default" (click)="back()">Back</button>
</form>

And I obtain this warning in the console:

Form submission canceled because the form is not connected

Anyone can help me to resolve this warning?

I have these html button:

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button class="btn btn-default" (click)="back()">Back</button>
</form>

And I obtain this warning in the console:

Form submission canceled because the form is not connected

Anyone can help me to resolve this warning?

• javascript
• angular
• angular6

Share Improve this question Follow edited Oct 11, 2018 at 11:01 Rarblack 4,66444 gold badges2424 silver badges3636 bronze badges asked Oct 11, 2018 at 10:59 Doflamingo19Doflamingo19 1,63955 gold badges1616 silver badges3535 bronze badges 1

• stackoverflow./questions/42531167/… – Chellappan வ Commented Oct 11, 2018 at 11:03

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13

For your Back button, add type="button" to the declaration, like this:

<form ngNativeValidate (ngSubmit)="onSubmit()" #add_form="ngForm">
     <button class="btn btn-primary " type="submit[disabled]="!add_form.valid">ADD</button>
     <button type="button" class="btn btn-default" (click)="back()">Back</button>
</form>

What's happening, is that Angular interprets the second button as another submit button, and so you're effectively navigating in the middle of a submit. That's why the messages tells you that form submission is being cancelled.

本文标签： javascriptForm submission canceled because the form is not connectedStack Overflow