如果表单有多个按钮，如何防止提交表单?

Question

我试图提交一个表单，但它包含多个按钮，如浏览文件按钮等。当我点击其他按钮时，表单正在提交。如何预防?并给提交只在一个特定的按钮。

环境的名字这个字段是必需的。该字段至少需要4个字符你超过了最大限度KUBE配置浏览这个字段是必需的。清晰的创建

Answer 1

这很简单，只需添加按钮类型到其他按钮。默认情况下，每个按钮类型都是submit(type='submit')。所以只需添加其他按钮到type='button'。并且只给提交按钮type='submit'。

,

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