使用 DataAnnotations 进行 Blazor 验证。 CSS工作不正确

Question

NET Core 3.1 等，Blazor 服务器

我有一张只有几行的表。百分比的输入字段具有 DataAnnotations [Range(1,100)]; 如果我插入值并将焦点转移到另一个地方，则工作正确，单击另一个输入字段。 但是，如果插入 7000 并按 Enter 按钮，开始工作验证并在短时间内出现错误消息，但在 UI 上进行魔术重写并且当前输入字段标记为正确之后。 对于输入字段，我使用 Blazor InputNumber。

• https://blazor-university.com/forms/accessing-form-state/ 没有帮助。
• FluentValidation 也没有帮助

有人可以帮我解决这个问题吗？

祝福

Answer 1

我使用https://blazor-university.com/forms/writing-custom-validation/ FluentValidationValidator 进行验证

Press Enter 表示提交表单。对于表单验证，我使用了一个 Validator2，而 InputNumber 是另一个 Validator2 的一部分。 Validator2 显示短时间错误，但 Validator2 作为整个表单的主要验证器没有发现错误并重写错误消息和 css ....

如果对某人有帮助，请告诉我只是为了统计。