Blazor validation with DataAnnotations. Css work is not correct

Question

NET Core 3.1 etc, Blazor Server

I have a table with few rows. Input field for percentage has DataAnnotations [Range(1,100)]; It is work correct if I inserted value and changed focus on another place, click on another input field. But if to insert 7000 and press Enter button, starts work validation and for short time arise error message, but after on UI something magic rewrite and current input field marks as correct. For the input field I use Blazor InputNumber.

https://blazor-university.com/forms/accessing-form-state/ didn't help.
FluentValidation too didn't help

Can somebody help me to resolve this issue?

With best wishes

try to add an @key on your rows : learn.microsoft.com/en-us/aspnet/core/blazor/components/… — agua from mars
– agua from mars, Commented Jul 29, 2020 at 14:08
@aguafrommars Thank you! This article help me to solve another one issue, but current issue is still can reproduce — AleksandrBr
– AleksandrBr, Commented Jul 29, 2020 at 15:13

AleksandrBr · Accepted Answer · 2020-07-30 13:35:11Z

1

For validation I used https://blazor-university.com/forms/writing-custom-validation/ FluentValidationValidator

Press Enter means submit form. For form validation I used one Validator2 and InputNumber is part of other Validator2. Validator2 shows for short time Error, but Validator2 as main validator for whole form didnt find errors and rewrites error message and css ....

If it helped someone, please give me to know just for statistic.

answered Jul 30, 2020 at 13:35

AleksandrBr

536 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Blazor validation with DataAnnotations. Css work is not correct

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related