ErrorSummary

Reúna todas as mensagens de validação de um formulário em um bloco claro, para que os usuários não precisem caçar o que deu errado.

Por que ajuda

• Todos os erros em um lugar
• Funciona com EditForm
• Acessível

Onde se encaixa

• Formulários longos
• Pagamento
• Cadastro

Exemplo

<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; }
    }
}

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles · Documentação