En færdig loginformular med venlig validering. Den giver dig de indtastede værdier og overlader selve godkendelsen til dig.
Hvorfor det hjælper
- Klar til brug
- Lokaliseret validering
- Du styrer godkendelsen
Hvor det passer
- Login til applikationen
- Administrationsområder
- Portaler
Eksempel
<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}" : "";
}
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.