ErrorSummary

Samla alla valideringsmeddelanden från ett formulär i ett tydligt block, så att användare slipper leta efter vad som gick fel.

Varför det hjälper

• Alla fel på ett ställe
• Fungerar med EditForm
• Tillgänglig

Var det passar

• Långa formulär
• Kassan
• Registrering

Exempel

<EditForm Model="_model" OnValidSubmit="@(() => _sent = true)">
    <DataAnnotationsValidator />
        <ErrorSummary />
        <TextField @bind-Value="_model.Name" Label="Name" />
        <TextField @bind-Value="_model.Email" Label="Email" />
        <Button Type="submit">Send</Button>
        @if (_sent)
        {
            <Alert Severity="Severity.Success">Sent.</Alert>
        }
</EditForm>

@code {
    private readonly Contact _model = new();
    private bool _sent;

    private sealed class Contact
    {
        [Required(ErrorMessage = "Name is required.")]
        public string? Name { get; set; }

        [Required(ErrorMessage = "Email is required.")]
        [EmailAddress(ErrorMessage = "Email is not valid.")]
        public string? Email { get; set; }
    }
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller · Dokumentation