带有多个按钮的表单 - 都在提交表单

Question

我的表单''file-upload'有一个提交按钮：

<button id="btn-save" type="submit">Save</button>

我这样使用它：

$('#file-upload').submit(this.save.bind(this));

问题是，我的表单中还有其他按钮：

<button class="btn-delete">&times;</button>

这些似乎正在运行this.save方法。

我该如何防止这种情况？

Answer 1

这是一种已知行为，表单标记内的所有<button>都会像提交按钮一样，您需要通过event.preventDefault()阻止其默认行为，或将这些按钮更改为<input type='button'> }