Blazor 触发自定义验证消息

5

我有以下的类,它被用作 Blazor 服务器端应用程序中 EditForm 的输入模型。

public class KundeInput
{
    [ValidateComplexType]
    public List<AnsprechpartnerInput> Ansprechpartner { get; } = new List<AnsprechpartnerInput>();
  
    public string? Kundennummer { get; }
 
    [Required]
    [MaxLength(60)]
    public string Firma { get; set; } = String.Empty;
    [MaxLength(60)]
    public string? Name2 { get; set; }
    [MaxLength(60)]
    public string? Name3 { get; set; }
}

正如你所看到的,我的模型包含了另一个名为AnsprechpartnerInput的模型列表。以下是该模型:

public class AnsprechpartnerInput
{
    public string? Kundennummer { get; set; }
    public int Nummer { get; } = -1;
    [MaxLength(60)]
    [Required]
    public string Vorname { get; set; } = String.Empty;
    [MaxLength(60)]
    [Required]
    public string Nachname { get; set; } = String.Empty;
    [MaxLength(40)]
    [Required]
    public string? Bereich { get; set; }
    / * More properties */
}

验证功能正常。然而,一旦我的列表中有多个无效的AnsprechpartnerInput模型,ValidationSummary就会变得凌乱。因为它会显示例如5次字段xyz无效。

我知道我可以使用ErrorMessage属性设置自定义消息,但我无法在此消息中使用我的模型中的其他属性。

我想实现的是:

[Required(ErrorMessage = $"Vorname of {Kundennummer} is required")]
public string Vorname { get; set; } = String.Empty;

我已经尝试使用反射更改消息,但根据Microsoft的说法,这种方式不被推荐或支持。 https://github.com/dotnet/aspnetcore/issues/25611

有没有办法让它工作?我想到了字符串替换,但是我不确定如何找到适合我的ValidationMessage的正确模型。

还有没有办法逐个验证列表中的项目并获得布尔结果?比方说,我想实现这个:

@foreach (var ansprechpartner in Input.Ansprechpartner)
{

    if (Input.SelectedAnsprechpartner is null)
        Input.SelectedAnsprechpartner = ansprechpartner;

    <a @onclick="() => Input.SelectedAnsprechpartner = ansprechpartner"
       class="@GetNavListClass(Input.SelectedAnsprechpartner == ansprechpartner)"
       id="list-ansprechpartner-tab-@(ansprechpartner.Nummer)"
       data-toggle="list"
       href="#list-ansprechpartner-@(ansprechpartner.Nummer)"
       role="tab"
       aria-controls="@(ansprechpartner.Nummer)">
        @((MarkupString)(ansprechpartner.Nummer < 0  ? "<span class=\"font-weight-bold\">NEU</span>" : $"({ansprechpartner.Nummer})")) @ansprechpartner.Vorname @ansprechpartner.Nachname
    </a>
    // When the model ansprechpartner is invalid, I want to display an icon
}

感谢任何帮助! 附注:Blazor很棒!


3
是的,Blazor 很不错 :) 你尝试过 FluentValidation 吗?并且可以在 Blazor 中使用 这个 - Umair
2
FluentValidation会让你受益匪浅。 - Mihaimyh
1个回答

4

你应该使用自定义验证属性,在这里可以明确添加任何想要的错误消息。

public class KundennummerValidationAttribute : ValidationAttribute
{
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        var model = (AnsprechpartnerInput)validationContext.ObjectInstance;
        if(string.IsNullOrEmpty((string)value))
        {
            return new ValidationResult($"Vorname of {model.Kundennummer} is required", new[] { "Kundennummer" });
        }


        return ValidationResult.Success;
    }
}

然后使用
[KundennummerValidation]
public string Vorname { get; set; } = String.Empty;

结果:

在此输入图片描述

验证摘要:


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接