[RC1] Add documentation on DisplayName for validation messages

captainsafia commented 4 years ago

We now support setting a DisplayName attribute on InputNumber, InputDate, and InputSelect components. So for example, I can have a form that looks like this.

@page "/form"

<EditForm Model="@this" OnValidSubmit="@HandleValidSubmit">
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text" id="birth-date">Date of Birth</span>
         </div>
         <InputDate Class="form-control" Id="DateOfBirth" @bind-Value="@BirthDate" DisplayName="birthday"/>
          <div class="invalid-feedback d-block">
              <ValidationMessage For="@(() => BirthDate)" />
          </div>
    </div>
</EditForm>

@code {
    public DateTime BirthDate { get; set; }

    public void HandleValidSubmit()
    {
        Console.WriteLine("foo");
    }
}

If the date field is invalid, then the validation message will read: