在对话框中使用 FluentValidation 和 MudBlazor 进行表单验证

Posted 2023-03-27

【中文标题】在对话框中使用 FluentValidation 和 MudBlazor 进行表单验证

【英文标题】：form validation with FluentValidation and MudBlazor in dialog

【发布时间】：2021-10-22 13:19:53

【问题描述】：

我正在使用 MudBlazor，我想要在对话框中使用 fluentvalidation (EditForm) 的验证表单。

BookDialog.razor

<MudDialog>
    <DialogContent>
        <EditForm Model="@model">
        <FluentValidationValidator />
        <MudTextField Label="@L["Code"]" @bind-Value="model.Code" For="() => model.Code" />
        <MudTextField Label="@L["Title"]" @bind-Value="model.Title" For="() => model.Title" />
        </EditForm>
    </DialogContent>
    <DialogActions>
        <MudButton OnClick="Cancel">Cancel</MudButton>
        <MudButton Color="MudBlazor.Color.Primary" OnClick="Submit">Ok</MudButton>
    </DialogActions>
</MudDialog>
@code
    [Parameter]
    public BookInfo model  get; set; 
       [CascadingParameter] MudDialogInstance MudDialog  get; set; 
    private void Cancel()
    
        MudDialog.Cancel();
    
    private void Submit()
    
        MudDialog.Close(DialogResult.Ok<BookInfo>(model));
    

Index.razor

@inject IDialogService dialogService

 <MudIconButton Icon="@Icons.Material.Filled.Add" OnClick="CreateBook"></MudIconButton>

@code
 private async Task CreateBook()
    
        var parameters = new dialogParameters();
        parameters.Add("model", new BookInfo());
        var dialog = await dialogService.Show<BookDialog>("Create A Book", parameters).Result;

        if (dialog.Data != null)
        
           //....
        
   

BookValidator.cs

 public class BookValidator : AbstractValidator<BookInfo>
    
        public BookValidator()
        
            CascadeMode = CascadeMode.Stop;
            RuleFor(x => x.Code).NotEmpty().WithMessage("*");
            RuleFor(x => x.Title).NotEmpty().WithMessage("*");
        
    

错误消息正确显示，但关闭对话框并且不停止表单提交。

【参考方案1】：

我通过直接验证模型找到了解决方案。

private void Submit()
    
        var validator = new BookValidator();
        var result = validator.Validate(model);
        if (result.IsValid)
        
            MudDialog.Close(DialogResult.Ok<BookInfo>(model));