Blazor Button Onclick 功能送出表單

我在開發 Blazor 時遇到了奇怪的問題。我有一個用於創建和編輯記錄的表單，在同一個表單上我有行和列的表。在一列中，我正在渲染刪除按鈕，如螢幕截圖所示。當我點擊刪除按鈕時，它會顯示模態框以進行確認。

程式碼 ：<td><button @onclick="(() => ExecuteDelete(file.fileName))">x</button></td>

當我點擊此按鈕時，確認模式框會打開，但是在後台它正在送出表單並且驗證消息出現在表單上。我有單獨的按鈕來送出表單。

這種行為正確嗎？？如何防止這種情況。

任何人都可以幫助解決這個問題。

謝謝

根據spec，<button>元素預設type="submit"放置在表單中。將刪除按鈕設置為顯式type="button"。

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

引用自：https://stackoverflow.com/questions/61115129