Ein fertiges Anmeldeformular mit freundlicher Validierung. Es gibt Ihnen die eingegebenen Werte und überlässt die eigentliche Authentifizierung Ihnen.
Warum es hilft
- Sofort einsatzbereit
- Lokalisierte Validierung
- Sie steuern die Authentifizierung
Wo es passt
- Anmeldung in der Anwendung
- Admin-Bereiche
- Portale
Beispiel
<LoginForm OnSubmit="OnSubmit" ErrorMessage="@_error" Busy="_busy">
<Footer><Link Href="components/registerform">Create an account</Link></Footer>
</LoginForm>
<p>@_result</p>
@code {
private string? _error;
private string _result = "";
private bool _busy;
private async Task OnSubmit(LoginModel model)
{
_busy = true;
await Task.Delay(500);
_busy = false;
_error = model.Password == "secret" ? null : "Wrong user name or password. Try the password \"secret\".";
_result = _error is null ? $"Signed in as {model.UserName}" : "";
}
}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.