Validasi Input Langsung

Formulir yang baik memberi tahu pengguna tentang kesalahan saat mereka mengetik, bukan setelah mereka mengirimkannya. Inilah validasi langsung, dan SwiftUI membuatnya terasa alami. ✅

Validasi membaca string @State yang sama dengan yang ditulis oleh kolom. Saat nilainya berubah, Anda cukup menghitung ulang apakah nilainya valid.

Tambahkan properti terhitung yang mengembalikan true saat input valid. SwiftUI membacanya kembali pada setiap penekanan tombol, sehingga nilainya selalu terbaru.

Gunakan if di dalam body untuk menampilkan pesan hanya saat input tidak valid. Saat nilainya menjadi valid, petunjuk tersebut menghilang dengan sendirinya.

Warna berbicara lebih cepat daripada kata-kata. Warnai petunjuk dengan foregroundStyle merah agar pengguna segera menyadari bahwa ada sesuatu yang perlu diperbaiki.

Banyak aturan berkaitan dengan ukuran. Gunakan jumlah karakter string untuk menetapkan panjang minimum, seperti kata sandi yang setidaknya terdiri dari delapan karakter.

Pengguna sering menambahkan spasi yang tidak diperlukan. Hapus spasi tersebut sebelum memeriksa input agar entri yang hanya berisi spasi tidak keliru dianggap valid.

Hubungkan tombol kirim ke pemeriksaan Anda dengan pengubah disabled. Selama input tidak valid, tombol tersebut tidak dapat diketuk.

Perlu menjalankan kode pada setiap penyuntingan? Pengubah onChange dipicu setiap kali nilainya berubah, sehingga cocok untuk pencatatan atau pemeriksaan tambahan.

Anda tidak perlu menyegarkan apa pun secara manual. Karena validasi membaca state, setiap penekanan tombol menghitung ulang petunjuk dan tombol secara otomatis.

Validasi langsung mengubah rasa frustrasi menjadi panduan. Petunjuk yang jelas dan tombol kirim yang cerdas membuat formulir Anda terasa membantu, bukan ketat. ✨

Anda membuat validasi langsung dari pemeriksaan terhitung, menampilkan petunjuk berwarna, menghapus spasi dari input, dan menonaktifkan tombol sampai semuanya valid. 🎉