Blazor EditForm 和 Fluent 验证

Question

只需基于 EditForm 并使用 Fluent Validation 组合一个包装器。我在这个表单上创建了两个属性，如下所示：

if (ModelValidation)
{
    editContext.OnValidationRequested +=
        (sender, eventArgs) => ValidateModel((EditContext)sender, messages);
}

if (FieldValidation)
{
    editContext.OnFieldChanged +=
        (sender, eventArgs) => ValidateField(editContext, messages, eventArgs.FieldIdentifier);
}

这允许在 OnFieldChanged（值更改，在退出字段上验证）或按下提交按钮时进行验证 (OnValidationRequested)

但是，如果我说一个为空的文本字段（应该是非空的）选项卡，则 OnFieldChanged() 处理程序不会触发......（该字段没有改变并不奇怪）。有没有一种方法可以强制调用 OnFieldChanged() 或终止焦点处理程序而不使用 javascript？

Answer 1

我觉得这很有趣，所以我在这里查看了 GitHub 的 ASP .NET Core 项目中 Blazor 的 InputText 类的源代码：

https://github.com/dotnet/aspnetcore/blob/master/src/Components/Web/src/Forms/InputText.cs

您会注意到只有一个事件处理程序，它用于当用户更改文本框中的值时浏览器引发的onchange 事件。

builder.AddAttribute(4, "onchange", EventCallback.Factory.CreateBinder<string>(this, __value => CurrentValueAsString = __value, CurrentValueAsString));

您要订阅的事件是onblur，当用户单击或跳出某个字段时引发该事件，无论他们是否更改了该字段，并且尚未完成。

我在 InputText 或 InputBase（InputText 派生自）中的任何地方都找不到它，但它在某处，因为这似乎有效：

@page "/"
<InputText @onblur="DoSomething" />

@code
{
    private void DoSomething()
    { // Your logic here
    }
}