Blazor Button Onclick 功能提交表单答案

【问题标题】：Blazor Button Onclick function submitting formBlazor Button Onclick 功能提交表单
【发布时间】：2020-07-21 17:12:46
【问题描述】：

我在开发 Blazor 时遇到了奇怪的问题。我有一个用于创建和编辑记录的表单，在同一个表单上，我有一个包含行和列的表格。在一列中，我正在渲染删除按钮，如屏幕截图所示。当我单击删除按钮时，它会显示模态框以进行确认。

代码：<td><button @onclick="(() => ExecuteDelete(file.fileName))">x</button></td>

当我单击此按钮时，确认模式框会打开，但是在后台它正在提交表单并且验证消息出现在表单上。我有单独的按钮来提交表单。

这种行为正确吗？如何防止这种情况发生。

谁能帮忙解决这个问题。

谢谢

【问题讨论】：

【解决方案1】：

根据spec，<button> 元素在放置在表单中时默认为type="submit"。将删除按钮设置为显式type="button"。

<form>
  <button type="button" @onclick="(() => ExecuteDelete(file.fileName))">x</button>
</form>

【讨论】：