ErrorSummary

Съберете всички съобщения за валидация на форма в един ясен блок, така че потребителите да не търсят какво не е наред.

Защо помага

• Всички грешки на едно място
• Работи с EditForm
• Достъпен

Къде пасва

• Дълги форми
• Плащане
• Регистрация

Пример

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

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли · Документация