Blazor WASM — Свободное подтверждение

#c# #.net #frontend #blazor #fluentvalidation

Вопрос:

У меня есть следующие правила, созданные в моем пользовательском валидаторе :

   public class AddInvoiceParameterCommandValidator : AbstractValidator<AddInvoiceParameterCommand>
{
    public AddInvoiceParameterCommandValidator(IStringLocalizer<AddInvoiceParameterCommandValidator> localizer)
    {
        RuleFor(p => p.Start)
            .Must(x => x > 0)
            .WithMessage(x => localizer["Start must be greater than 0!"]);

        RuleFor(p => p.Prefix)
            .Must(x => !string.IsNullOrWhiteSpace(x))
            .WithMessage(x => localizer["Prefix is required!"])
            .MaximumLength(5)
            .WithMessage(x => localizer["Length must not exceed"]   " 5 characters");

        RuleFor(p => p.End)
            .Must(x => x > 0)
            .WithMessage(x => localizer["End must be greater than 0!"]);

        RuleFor(x => x)
            .Must(StartMustBeLessThanEnd)
            .WithMessage(localizer["Start must be less than end!"]);

    }

    private bool StartMustBeLessThanEnd(AddInvoiceParameterCommand parameter)
    {
        return parameter.Start < parameter.End;
    }
}
 

У меня нет проблем с началом и концом, так как я получаю сообщение в интерфейсной форме, когда они не превышают 0.
Проблема в том, как я могу отобразить сообщение в интерфейсе, поскольку правило «Начало должно быть меньше конца»?

Это мой текущий код для модального, который я использую : (Blazor WASM MudBlazor)

 @inject Microsoft.Extensions.Localization.IStringLocalizer<AddInvoiceParameterModal> _localizer

    
<EditForm Model="@AddInvoiceParameterModel" OnValidSubmit="SaveAsync">
    <FluentValidationValidator @ref="_fluentValidationValidator" />
    <MudDialog>
        <TitleContent>
              <MudText Typo="Typo.h6">
                        <MudIcon Icon="@Icons.Material.Filled.Add" Class="mr-3 mb-n1" />
                        @_localizer["Add Parameter"]
                    </MudText>
        </TitleContent>
        <DialogContent>
            <MudGrid>
                <MudItem xs="12" md="6">
                    <MudTextField T="int" For="@(() => AddInvoiceParameterModel.Start)" @bind-Value="AddInvoiceParameterModel.Start" Label="@_localizer["Start"]" />
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudTextField T="int" For="@(() => AddInvoiceParameterModel.End)" @bind-Value="AddInvoiceParameterModel.End" Label="@_localizer["End"]" />
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudTextField T="string" For="@(() => AddInvoiceParameterModel.Prefix)" @bind-Value="AddInvoiceParameterModel.Prefix" Label="@_localizer["Prefix"]" />
                </MudItem>
            </MudGrid>
        </DialogContent>
        <DialogActions>
            <MudButton DisableElevation Variant="Variant.Filled" OnClick="Cancel">@_localizer["Cancel"]</MudButton>
                <MudButton DisableElevation Variant="Variant.Filled" ButtonType="ButtonType.Submit" Disabled="@(!Validated)" Color="Color.Success">@_localizer["Save"]</MudButton>
        </DialogActions>
    </MudDialog>
</EditForm>
 

Ответ №1:

Вы можете либо сделать это, чтобы показать сообщение с помощью start:

 RuleFor(p => p.Start)
    .Must(x => x > 0).WithMessage(x => localizer["Start must be greater than 0!"])
    .Must(StartMustBeLessThanEnd).WithMessage(localizer["Start must be less than end!"]);
 

Или вы можете добавить сводный элемент управления, отображающий сообщения, не связанные со свойством:

 <EditForm Model="@AddInvoiceParameterModel" OnValidSubmit="SaveAsync">
    <FluentValidationValidator @ref="_fluentValidationValidator" />

    [put this where you want displayed ]
    <Microsoft.AspNetCore.Components.Forms.ValidationSummary />
 

Комментарии:

1. Что ж, это работает, но с некоторыми недостатками: Решение 1: Я должен изменить сигнатуру функции, так как теперь она должна получать как сам объект, так и параметр int(start). Решение 2: Он доставляет все сообщения о проверке, но теперь 3 из них удвоены. Они показаны в каждой форме, на которую ссылаются, и в обоих в сводке проверки. В настоящее время я выбрал решение 1. Спасибо!