Form validation adalah proses validasi data yang dimasukkan oleh pengguna dalam sebuah form sebelum data tersebut diteruskan atau disimpan. Dalam Flutter, form validation digunakan untuk memastikan bahwa input dari pengguna sesuai dengan yang diharapkan sebelum data diteruskan atau disimpan.
Flutter menyediakan beberapa widget seperti TextFormField, Form, dan FormField yang dapat digunakan untuk membuat form validation. Anda dapat menentukan fungsi validasi pada setiap TextFormField dan memanggil fungsi tersebut pada saat pengguna mencoba untuk menyimpan form. Anda juga dapat menggunakan Form dan FormField untuk mengelompokkan beberapa TextFormField dan membuat form validation secara mudah.
Secara umum, Form validation digunakan untuk memastikan input dari pengguna adalah benar, valid dan sesuai dengan yang diharapkan sebelum data diteruskan atau disimpan.
Cara Membuat Form Validation
Untuk membuat input validation menggunakan Form di Flutter, Anda dapat mengikuti langkah-langkah berikut:
Buat sebuah Form
widget dan berikan sebuah key
untuk mengakses Form tersebut pada saat runtime.
Form(
key: _formKey,
child: ...
)
Tambahkan TextFormField
widget ke dalam child
dari Form. Atur properti validator
pada setiap TextFormField
untuk menentukan fungsi validasi yang akan dipanggil ketika pengguna mencoba untuk menyimpan form. Fungsi ini harus mengembalikan nilai null
jika input valid atau string error jika input tidak valid.
TextFormField(
decoration: InputDecoration(labelText: 'Nama'),
validator: (value) {
if (value.isEmpty) {
return 'Nama tidak boleh kosong';
}
return null;
},
),
Tambahkan tombol untuk menyimpan form dan panggil validate()
method dari _formKey
untuk memvalidasi input sebelum menyimpan form. Jika validate()
mengembalikan nilai true, Anda dapat memanggil save()
method dari _formKey
untuk menyimpan input dari setiap TextFormField
.
RaisedButton(
child: Text('Simpan'),
onPressed: () {
if (_formKey.currentState.validate()) {
_formKey.currentState.save();
// Do something with the input
}
},
)
Itu adalah cara untuk membuat input validation menggunakan Form di Flutter, semoga membantu.