Sammeln Sie jede Validierungsmeldung eines Formulars in einem klaren Block, damit Benutzer nicht suchen müssen, was schiefging.
Warum es hilft
- Alle Fehler an einer Stelle
- Funktioniert mit EditForm
- Barrierefrei
Wo es passt
- Lange Formulare
- Kasse
- Registrierung
Beispiel
<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; }
}
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.