如何使用 ValidationSummary 組件在 Blazor (webassembly/wasm) 中顯示服務器端驗證錯誤？

Question

對於 Blazor 客戶端（webassembly/wasm），有沒有很好的例子說明如何顯示在向服務器提交數據期間發生的服務器端錯誤？

我只想在 ValidationSummary 組件中顯示它們。 最好的方法是什么？ 是否有如何顯示服務器端錯誤的示例，就像客戶端錯誤一樣？

我已經捕獲了任何錯誤並檢查了 ProblemDetails（或 ValidationProblemsDetails）。 但我不知道如何在 ValidationSummary 中“顯示”這些問題。

Answer 1

關於如何做這樣的事情有一篇很棒的文章： https://blazor-university.com/forms/writing-custom-validation/

Answer 2

您只會得到服務器端 API 返回的內容。 如果是您的 API，請讓它返回包含必要信息的 object。

我使用這樣的東西：

    public class DbTaskResult
    {
        public string Message { get; set; } = "New Object Message";
        public MessageType Type { get; set; } = MessageType.None;
        public bool IsOK { get; set; } = true;
        public int NewID { get; set; } = 0;

        public static DbTaskResult OK(int id = 0)
            => new DbTaskResult() { IsOK = true, Type = MessageType.Success, NewID = id };

        public static DbTaskResult NotOK(int id = 0)
            => new DbTaskResult() { IsOK = false, Type = MessageType.Danger};
    }

至於在驗證摘要中顯示，??? 這適用於驗證各個字段。 上面的 object 被編碼為返回可以快速轉換為 Alert 或 Toast 的信息。

我在下面顯示了示例警報 - 根據警報類型隱藏/顯示和更改顏色 - 稍微自定義引導警報。