如果表格有多个按钮，如何防止提交表格？

Question

我正在尝试提交表格，但它包含多个按钮，例如浏览文件按钮等。当我单击其他按钮时，表格正在提交。如何防止它？并仅以一个特定的按钮给出提交。

Environment Name This field is required This field requires minimum 4 characters You exceeded maximum limit KUBE Config Browse This field is required Clear Create

Answer 1

这很简单，只需在其他按钮中添加按钮类型即可。
默认情况下，每个按钮类型都提交（键入='submit'）。
因此，只需将其他按钮添加到type ='button'。仅给type ='submit ='subm'提交按钮即可。

例如：

         <button **type='button'**
                id="browse-button"
                (click)="changeReference(file_input.click())"
                mat-stroked-button
                matSuffix
              >
                Browse
           </button>