Tutorial Membuat Validasi Text - Sketchware Pure

Halaman login selalu mengaplikasikan validasi data sebelum akhirnya data tersebut dikirim ke server

Mekanisme validasi dimaksudkan untuk mengoreksi suatu data input dari pengguna agar sesuai dengan format data yang ditetapkan oleh admin aplikasi.

Pada salah satu kasus yang sering digunakan misalnya validasi text untuk data berbentuk password, misalnya admin ingin panjang text minamal 5 karakter dan tidak boleh kosong. Begitu juga untuk data email, kita ingin agar data tersebut memiliki karakter @ dan .com

Secara umum penerapan validasi bisa dilakukan secara realtime yaitu dari event textChange, atau secara keseluruhan melalui event onClick. Namun disini gw akan menggunakan event onClick

Baiklah kita akan lanjut ke contoh bagaimana cara membuatnya. Tapi perlu menjadi catatan sebelumnya, cara ini sifatnya dinamis artinya kamu bisa membuatnya sesuai style coding masing2.

Contoh validasi beserta logikanya.

Text harus memiliki minimal 5 karakter. Mekanisme ini biasanya untuk input nama/alamat/password

Method length untuk mengetahui panjang string yang berada di tab kontrol

Contoh diatas gw menggunakan method length untuk mengetahui panjang suatu string. Kemudian gw buatkan kondisi sesuai data tersebut.

Text harus memiliki keyword tertentu (.com/@) Biasa digunakan untuk validasi email

Apabila ingin menambahkan contains lagi, silahkan tambahkan IF lagi.

Contoh diatas gw menggunakan method contain untuk mengetahui suatu keyword di dalam string. Keyword bisa berisi 1 atau lebih string. Tapi ntah mungkin ini bug sketchware, saat gw input simbol email @ malah di baca sebagai dua string "whitespace Dan @". Untuk mengatasi ini lebih baik menggunakan add source

Text harus di input dengan angka/nomer.  Biasa digunakan untuk validasi nomer hp

Karena block matches belum tersedia. jadi gw buat costum di more block

Pada Contoh ini gw menggunakan method matches namun tidak tersedia di block code sketchware. Tandanya gw harus menulis manual method tersebut seperti gambar di atas.

Banyak lagi suatu text yang dapat kita validasi,  namun yang paling umum adalah contoh kasus seperti yg sudah gw tulis diatas. 

Selamat belajar