Parameter Debounce menyetel penundaan (dalam md) untuk menjalankan pemicu onChange . Parameter ini ditemukan di blok yang mengubah properti bidang input, seperti InputString Update Properties .
Nilai default Debounce adalah 0, tetapi Anda dapat mengatur penundaan apa pun. Namun, nilai dari 500 hingga 1500 optimal untuk persepsi.
Menggunakan Debounce untuk memvalidasi input email
Anda sering harus memeriksa nilai pengguna di suatu tempat, seperti email, saat mendaftar dan memasuki aplikasi. Anda dapat mengatur validasi email dan melakukannya ketika ada perubahan pada bidang input. Dalam hal ini, hasil pemeriksaan akan negatif sampai pengguna memasukkan emailnya sepenuhnya. Untuk kasus seperti itu, Debounce diperlukan. Mari kita lihat parameter Debounce dalam praktiknya. Ambil input email dari halaman login AppMaster standar.
Pada pemicu onCreate , atur Debounce menggunakan blok InputEmail Update Properties .
Siapkan verifikasi email.
Siapkan validasi untuk pemicu onChange dan gunakan blok IsValidEmail . Mari kita berikan nilai dari pemicu ke blok ini.
Langkah selanjutnya adalah mengubah field Validate Status menjadi Error jika validasi gagal. Untuk melakukan ini, kita membutuhkan blok If-Else . Berikan hasil dari blok Is Valid Email ke sana.
Gunakan blok InputEmail Update Properties , di mana Validate Status harus diubah menjadi Error , dan atur Validate Message ke “ Incorrect email .”
Sekarang lakukan hal yang sama untuk entri yang berhasil. Atur mereka ke konektor true dari blok If-Else .
Ini hasilnya
