Blazor 按钮 Onclick 功能提交表单

Question

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

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

当我点击这个按钮时，确认模态框被打开，但是在幕后它正在提交表单并且表单上出现验证消息。我有单独的按钮用于提交表单。

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

任何人都可以帮助解决这个问题。

谢谢

Answer 1

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

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