Hopp til innholdet
SKJEMAER · FREE

LoginForm

Et ferdig påloggingsskjema med vennlig validering.

Et ferdig påloggingsskjema med vennlig validering. Det gir deg de innskrevne verdiene og overlater selve autentiseringen til deg.

Hvorfor det hjelper

  • Klart til bruk
  • Lokalisert validering
  • Du styrer autentiseringen

Hvor det passer

  • Pålogging i applikasjonen
  • Administrasjonsområder
  • Portaler
Kontrollen LoginForm på en RayCraft-side

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon