Blazor中的自定义表单验证

Question

我想在Blazor表单中验证多个相关属性。

在我的例子中，我希望确保两个InputArea中的行数相同。

Answer 1

在Blazor中，此场景由business logic validation处理

https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0#business-logic-validation

其他替代方案

还可以对多个字段使用数据注释：

根据类的多个属性执行验证

• 创建自定义数据验证属性以修饰单个property.
• Create自定义数据验证属性以修饰模型类。

http://www.binaryintellect.net/articles/55bef03e-3d41-4a0a-b874-78b7c7a9ce36.aspx

另一种方法是使用OnSubmit来使用自定义代码来触发验证和检查字段值。

https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0

https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.forms.editform.onsubmit?view=aspnetcore-5.0#Microsoft_AspNetCore_Components_Forms_EditForm_OnSubmit

另一个选项是从您的form创建model；，然后使用model validation

• AttributeAdapter for client-side validation https://docs.microsoft.com/en-us/aspnet/core/mvc/models/validation?view=aspnetcore-5.0#attributeadapter-for-client-side-validation

IClientModelValidator for client-side validation https://docs.microsoft.com/en-us/aspnet/core/mvc/models/validation?view=aspnetcore-5.0#iclientmodelvalidator-for-client-side-validation

还可以在Blazor中使用FluentValidation：https://chrissainty.com/using-fluentvalidation-for-forms-validation-in-razor-components/

附注：我对这个地区不太了解，所以我可能漏掉了什么