服務器端 Blazor 中單個 EditForm 中的多個模型驗證

Question

我有一個表單，它綁定到單個 EditForm 中的三個相關模型。 我希望了解如何在同一次提交中驗證它們中的每一個。 我已經能夠成功驗證單個模型，但我在任何地方都沒有看到有關如何驗證多個模型的任何詳細信息。 想法？

    <EditForm OnValidSubmit="@Save" EditContext="@EditContext">
    <div class="form-group">

                <input class="form-control" type="text" id="Title" @bind="@TargetUser.Title" />

                <InputText Id="OfficePhone" Class="form-control" @bind-Value="@TargetUser.OfficePhone"></InputText>
                <ValidationMessage For="@(() => TargetUser.OfficePhone)" />

                <input class="form-control" type="text" id="MiddleName" @bind="@TargetUser.MiddleName" />
        <div class="row row-padding">
            <h4>Seller Rates</h4>
        </div>
        <hr />
        <input type="number" step="0.01" id="HourlyRate" @bind="@UserRate.HourlyRate" class="form-control" />
        <input type="number" id="Salary" @bind="@UserRate.Salary" class="form-control" />
        <input type="number" step="0.01" id="OTRate" @bind="@UserRate.OTRate" class="form-control" />
        <input type="date" @bind="@UserRate.ValidFrom" id="ValidFrom" class="form-control"/>
        <input type="date" class="form-control" id="ValidTo" @bind="@UserRate.ValidTo" />

    <DataAnnotationsValidator />
    <ValidationSummary />
</EditForm>

這是一些代碼的高度編輯示例。 無意展示實際存在的內容。 只是為了說明。

Answer 1

我猜您在這里需要的是 ObjectGraphDataAnnotationsValidator 組件，它可以驗證復雜類型。

這是一個簡單示例的鏈接

這是Blazor 團隊的類定義和示例的鏈接

希望這可以幫助...