Convalida dell'input in tempo reale
Reagire alla digitazione e mostrare feedback sulla convalida.
Convalida dell'input in tempo reale è una lezione SwiftUI Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento SwiftUI Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso SwiftUI Academy include 4 lezioni in totale.
Guidare l'utente
I moduli efficaci informano gli utenti degli errori mentre digitano, non dopo l'invio. Questa è la convalida in tempo reale e SwiftUI la rende naturale. ✅
Lo stato guida tutto
La convalida legge la stessa stringa @State in cui scrive il campo. Quando il valore cambia, basta ricalcolare se è valido.
@State private var email = ""Un controllo calcolato
Aggiunga una proprietà calcolata che restituisca true quando l'input è valido. SwiftUI la rilegge a ogni pressione di tasto, quindi è sempre aggiornata.
var isValid: Bool {
email.contains("@")
}Mostrare un suggerimento
Utilizzi un if nel body per mostrare un messaggio solo quando l'input non è valido. Quando il valore diventa valido, il suggerimento scompare da solo.
if !isValid {
Text("Enter a valid email")
}Il colore come feedback
Il colore comunica più velocemente delle parole. Colori il suggerimento di rosso con foregroundStyle, così l'utente noterà immediatamente che è necessario correggere qualcosa.
Text("Enter a valid email")
.foregroundStyle(.red)Controllare la lunghezza
Molte regole riguardano la dimensione. Utilizzi il count della stringa per richiedere una lunghezza minima, ad esempio una password di almeno otto caratteri.
var longEnough: Bool {
password.count >= 8
}Rimuovere gli spazi
Gli utenti possono inserire spazi indesiderati. Li rimuova prima del controllo, così un input composto solo da spazi non passerà per errore come valido.
let clean = name.trimmingCharacters(
in: .whitespaces)Proteggere il pulsante
Colleghi il Button di invio al controllo con il modificatore disabled. Mentre l'input non è valido, il pulsante non può essere toccato.
Button("Save") { save() }
.disabled(!isValid)Reagire alle modifiche
Deve eseguire del codice a ogni modifica? Il modificatore onChange viene attivato ogni volta che il valore cambia, perfetto per la registrazione o per controlli aggiuntivi.
TextField("Email", text: $email)
.onChange(of: email) { check() }Si aggiorna tutto automaticamente
Non deve aggiornare nulla manualmente. Poiché la convalida legge lo stato, a ogni pressione di tasto i suggerimenti e il pulsante vengono ricalcolati automaticamente.
Feedback chiaro e utile
La convalida in tempo reale trasforma la frustrazione in una guida. Suggerimenti chiari e un pulsante di invio intelligente rendono il modulo utile, non rigido. ✨
Verifica rapida
Come si impedisce che il pulsante di invio venga toccato quando l'input non è valido?
Riepilogo
Ha creato la convalida in tempo reale con un controllo calcolato, ha mostrato suggerimenti colorati, ha rimosso gli spazi e ha disabilitato il pulsante finché tutto non è stato valido. 🎉
Impara Swift con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 30
- Lezioni
- 120
Domande Frequenti
La lezione «Convalida dell'input in tempo reale» è gratuita?
Sì — il testo completo di «Convalida dell'input in tempo reale» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso SwiftUI Academy, passa a CoddyKit PRO. Il corso SwiftUI Academy include 4 lezioni in totale.
Cosa imparerò in «Convalida dell'input in tempo reale»?
Reagire alla digitazione e mostrare feedback sulla convalida. Eserciti SwiftUI Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare SwiftUI Academy?
Non è richiesta alcuna esperienza precedente. SwiftUI Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Convalida dell'input in tempo reale»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione SwiftUI Academy?
Sì. Ogni lezione SwiftUI Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Collegare un TextField allo stato
- Tipi di tastiera e segnaposto
- SecureField per le password
- Convalida dell'input in tempo reale