SwiftUI Academy · Lekcja

Walidacja danych wejściowych na żywo

Proszę reagować na wpisywanie tekstu i wyświetlać informacje zwrotne dotyczące walidacji.

Walidacja danych wejściowych na żywo to bezpłatna lekcja SwiftUI Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej SwiftUI Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

Guiding the User

Great forms tell users about mistakes as they type, not after they submit. This is live validation, and SwiftUI makes it natural. ✅

State Drives Everything

Validation reads the same @State string the field writes to. As the value changes, you simply recompute whether it is valid.

@State private var email = ""

A Computed Check

Add a computed property that returns true when the input is valid. SwiftUI re-reads it on every keystroke, so it always stays current.

var isValid: Bool {
  email.contains("@")
}

Showing a Hint

Use an if in the body to reveal a message only when the input is invalid. When the value becomes valid, the hint disappears on its own.

if !isValid {
  Text("Enter a valid email")
}

Color as Feedback

Color speaks faster than words. Tint the hint with foregroundStyle in red so the user instantly notices something needs fixing.

Text("Enter a valid email")
  .foregroundStyle(.red)

Checking Length

Many rules are about size. Use the count of the string to require a minimum length, like a password of at least eight characters.

var longEnough: Bool {
  password.count >= 8
}

Trimming Whitespace

Users add stray spaces. Trim them before checking so an entry of only spaces does not slip through as valid by mistake.

let clean = name.trimmingCharacters(
  in: .whitespaces)

Guarding the Button

Tie the submit Button to your check with the disabled modifier. While the input is invalid, the button simply cannot be tapped.

Button("Save") { save() }
  .disabled(!isValid)

Reacting to Changes

Need to run code on each edit? The onChange modifier fires whenever the value changes, perfect for logging or extra checks.

TextField("Email", text: $email)
  .onChange(of: email) { check() }

It All Just Updates

You never manually refresh anything. Because validation reads state, every keystroke recomputes the hints and button for free.

Kind, Clear Feedback

Live validation turns frustration into guidance. Clear hints and a smart submit button make your form feel helpful, not strict. ✨

Quick Check

How do you stop the submit button from being tapped while input is invalid?

Recap

You built live validation from a computed check, showed colored hints, trimmed input, and disabled the button until everything was valid. 🎉

Często zadawane pytania

Czy lekcja „Walidacja danych wejściowych na żywo” jest bezpłatna?

Tak — pełny tekst „Walidacja danych wejściowych na żywo” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu SwiftUI Academy, przejdź na CoddyKit PRO. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Walidacja danych wejściowych na żywo”?

Proszę reagować na wpisywanie tekstu i wyświetlać informacje zwrotne dotyczące walidacji. Ćwiczysz SwiftUI Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć SwiftUI Academy?

Nie wymagamy żadnego doświadczenia. SwiftUI Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Walidacja danych wejściowych na żywo”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji SwiftUI Academy?

Tak. Każda lekcja SwiftUI Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do SwiftUI Academy