时间戳

首页 > 解决方案 > 在 Blazor 中验证复杂类型模型中的单个字段

c# - 在 Blazor 中验证复杂类型模型中的单个字段

问题描述

我有一个像这样的复杂模型

    public class MyModel
     {
       [ValidateComplexType]
       public Student Student { get; set; } = new Student();
     }

   public class Student
     {
      [Required]
      public string Name { get; set; }
      [Required]
      public string Subject { get; set; }
     }

我的 blazor 代码是这样的

    <EditForm Model="this.Model" OnValidSubmit="Submit" @ref="this.myEditForm">
      <ObjectGraphDataAnnotationsValidator />
        <div class="form-group row">
         <label for="name" class="col-md-2 col-form-label">Name</label>
         <div class="col-md-10">
          <InputText id="name" class="form-control" @bind-Value="this.Model.Student.Name" />
        <ValidationMessage For="@(() => this.Model.Student.Name)" />
    </div>
</div>
<div class="form-group row">
    <label for="supplier" class="col-md-2 col-form-label">Subject</label>
    <div class="col-md-10">
        <InputText id="supplier" class="form-control" @bind-Value="this.Model.Student.Subject" />
        <ValidationMessage For="@(() => this.Model.Student.Subject)" />
    </div>
</div>
<div class="row">
    <div class="col-md-6 text-right">
        <button type="button" class="btn btn-success" @onclick="Validate">Validate</button>
    </div>
    <div class="col-md-6 text-right">
        <button type="submit" class="btn btn-success">Submit</button>
    </div>
</div>

    @code 
      {
private MyModel Model { get; set; } = new MyModel();
private EditForm myEditForm { get; set; }

   private void Validate()
    {    
     this.myEditForm.EditContext.NotifyFieldChanged(
     this.myEditForm.EditContext.Field(nameof(this.Model.Student.Name)));
     }

     private void Submit()
      {

      }
    }

我想在验证按钮单击时验证单个字段。如果我的模型是非复杂类型，上面的代码可以正常工作。由于这是一种复杂类型，因此上面的代码不起作用。我在这里做错什么了吗？

标签： c#asp.net-coreblazorblazor-validation

解决方案

您的问题是您正在尝试验证您从未更新过的字段。在单个字段验证中，它看起来像是ObjectGraphDataAnnotationsValidator检查该字段是否在 Fields 集合中有一个条目，EditContext以验证是否发生了某种形式的修改，即试图变得聪明！。如果您想要尝试做的事情，请考虑使用不同的验证器。那里有更好的。搜索Blazor 验证控件。其中一个是 Blazorize 写的，一个是我写的（你可以获取源代码并进行修改）。

推荐阅读