javascript - 由于表单未连接，表单提交被取消

Question

我有这些 html 按钮:

<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>

我在控制台中收到此警告:

Form submission canceled because the form is not connected

谁能帮我解决这个警告？

Answer 1

对于“后退”按钮，将 type="button" 添加到声明中，如下所示:

<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>

发生的情况是，Angular 将第二个按钮解释为另一个提交按钮，因此您实际上是在提交中间进行导航。这就是为什么消息告诉您表单提交已被取消。