Определить допустимый статус поля в Blazor

Question

У меня есть довольно простая форма редактирования в диалоговом окне в серверном приложении Blazor. К нему добавлена ​​проверка, и он работает нормально.

Я не люблю прыгать по полям при отображении сообщений проверки (см. Ниже). Хотелось бы иметь дополнительное пространство под полями, когда нет сообщения, а затем заменить его на сообщение проверки, если проверка не удалась.

Похоже, это должно быть просто. В моем файле razor мы использовали только оператор @if для отображения строки или сообщения в зависимости от статуса проверки полей. Но хоть убей, я не могу найти свойство для каждого поля. Он должен существовать, так как я могу получать сообщения и видеть поля прочитанными?

Есть предложения, как это сделать?

Файл бритвы

      <div class="form-group input-group">
     <span class="has-float-label">
         <SfTextBox id="Owner" @bind-Value="template.Owner" class="form-control" placeholder="Owner" />
         <label for="Owner">Owner</label>
         @if (template.Owner.ISVALID)
         {<span>&nbsp;</span>}
         else
         { <ValidationMessage For="@(() => template.Owner)"></ValidationMessage>}
     </span>
</div>

Answer 1

поля, прыгающие вокруг, называется CLS

вы можете просто обернуть их в div с помощью min-height, Например:

      <div style='min-height:5em'>
    <ValidationMessage For="@(() => template.Owner)"></ValidationMessage>
</div>