Innebygd validering og feiltilstander
Gi umiddelbar tilbakemelding på ugyldige inndata.
Innebygd validering og feiltilstander er en gratis leksjon i Jetpack Compose Academy på CoddyKit. Dette er leksjon 4 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Jetpack Compose Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Jetpack Compose Academy inneholder totalt 4 leksjoner.
Fang opp feil tidlig
Gode skjemaer løser problemer mens brukeren skriver, ikke etter at vedkommende trykker på send. Inline validation gir umiddelbar og skånsom tilbakemelding. ✅
Beregn gyldighet fra tilstanden
Avled et isError-flagg direkte fra den gjeldende verdien. Når e-postadressen ser feil ut, blir flagget true.
val isError = email.isNotEmpty() && !email.contains("@")Parameteren isError
Send flagget til feltets isError-parameter. Compose farger deretter kantlinjen og etiketten røde for å signalisere et problem.
OutlinedTextField(
value = email,
onValueChange = { email = it },
isError = isError
)Forklar problemet
En rød kantlinje alene er uklar. Bruk supportingText til å forklare nøyaktig hva som gikk galt, slik at brukeren kan rette det.
supportingText = {
if (isError) Text("Enter a valid email.")
}Vis feil på riktig tidspunkt
Ikke varsle om et tomt felt. Valider først etter at brukeren har skrevet, slik at feilen vises når den faktisk er nyttig.
Legg til et feilikon
Et trailingIcon forsterker meldingen. Bytt inn et advarselsikon når feltet er i en feiltilstand.
trailingIcon = {
if (isError) Icon(Icons.Default.Warning, "Error")
}Valider flere felt
Hvert felt får sitt eget flagg. Kombiner dem for å vite om hele form er gyldig og klar til å sendes inn.
val formValid = emailValid && passwordValidDeaktiver send-knappen ved behov
Knytt knappens enabled-flagg til skjemaets gyldighet. Brukerne kan ikke sende inn før hvert felt har bestått kontrollen.
Button(onClick = ::submit, enabled = formValid) {
Text("Sign Up")
}Hold meldingene vennlige
Skriv feiltekster som hjelper, ikke klandrer. «Passordet er for kort» er alltid bedre enn «Ugyldig inndata».
Validering er bare tilstand
Legg merke til mønsteret: Feil er vanlige verdier som er avledet fra tilstanden. Ingen magi, bare den samme Compose-modellen du allerede kjenner.
Ekte skjemaer føles pålitelige
Tydelige tilbakemeldinger i riktig tid bygger tillit. Brukerne føler seg veiledet i stedet for testet, og de fullfører skjemaene uten problemer.
Rask sjekk
Hvordan gjør du kantlinjen i et tekstfelt rød for å signalisere et problem?
Oppsummering
Du bygde inline validation: avled et feilflagg, angi isError, forklar feilen med supporting text, og blokker innsending basert på gyldighet. Skjemaer som føles gode å bruke. 🌟
Lær deg Kotlin med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 30
- Leksjoner
- 120
Ofte stilte spørsmål
Er leksjonen «Innebygd validering og feiltilstander» gratis?
Ja – hele teksten i «Innebygd validering og feiltilstander» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Jetpack Compose Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Jetpack Compose Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Innebygd validering og feiltilstander»?
Gi umiddelbar tilbakemelding på ugyldige inndata. Du øver på Jetpack Compose Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Jetpack Compose Academy?
Ingen tidligere erfaring er nødvendig. Jetpack Compose Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 4 av 4.
Hvor lang tid tar leksjonen «Innebygd validering og feiltilstander»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Jetpack Compose Academy-leksjonen?
Ja. Alle Jetpack Compose Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- TextField og OutlinedTextField
- Etiketter, plassholdere og ledende ikoner
- Tastaturtyper og IME-handlinger
- Innebygd validering og feiltilstander