Required Field Validator

Write something Name is required. Number is required.

Note: The Number validator uses Display="Dynamic" — it collapses and takes no space when the field is valid.


Code:

<EditForm Model="@exampleModel" OnValidSubmit="@HandleValidSubmit">
  <InputText id="name" @ref="Name.Current" @bind-Value="exampleModel.Name" />
  <RequiredFieldValidator Type="string" ControlRef="@Name" ForeColor="Red" Text="Name is required." />

  <InputNumber id="number" @ref="Number.Current" @bind-Value="exampleModel.Number" />
  <RequiredFieldValidator Type="int?" ControlRef="@Number" Display="ValidatorDisplay.Dynamic" Text="Number is required." />
  <button type="submit">Submit</button>
</EditForm>