Assalamu'alaikum Wr. Wb. kembali dengan saya pemilik blog ini hehe. Pada postingan kali ini saya akan membahas tentang Validation Control.
Validation Control ada bermacam-macam, Contohnya :
1. Required Field Validator
Required Field Validator digunakan untuk memvalidasi apakah user sudah memasukkan inputan atau inputan tidak boleh kosong.
2. Required Field Validator dengan Image
Fungsinya sama dengan nomor 1 hanya saja disini untuk error message nya menggunakan Image jadi lebih memudahkan pengguna jika ia salah mengisi datanya.
3. Range Validator
Range Validator digunakan untuk membatasi inputan dari user sesuai dengan nilai minimal dan maksimal yang sudah ditentukan.
4. Compare Validator pada Password
Compare Validator digunakan untuk membandingkan nilai yang digunakan pada server control yang berbeda, atau membandingkan nilai input yang dimasukkan user apakah memenuhi dengan nilai yang diharapkan.
5. Compare Validator untuk Pengecekan tipe data
Ini digunakan untuk mengecek kecocokan data yang anda inputkan dengan tipe data yang sudah ditentukan.
6. Regular Expression Validator
Regular Expression Validator digunakan untuk membandingkan inputan dengan regular expression yang Anda buat antaralain yang sering digunakan adalah pengecekan e-mail, website, nomor telepon, dan lain-lain.
7. Custom Validator untuk NIS
Custom Validator digunakan ketika validation control yang ada tidak dapat memenuhi kebutuhan Anda, maka dapat dibuat fungsi sendiri untuk memvalidasi inputan dari user.
8. Validation Summary
Validation Summary digunakan untuk menampilkan list detail error dari validation control. Selain menampilkan list detail, validation summary menampilkan pesan error melalui messagebox.
Untuk lebih jelasnya cobalah ketikkan code seperti dibawah ini.
Langkah-Langkahnya, seperti biasa pertama bukalah aplikasi Visual Studio 2012 dan buat project baru kemudian buatlah 2 file project yang 1 untuk form dan yang kedua untuk tampilan.
Untuk Form :
Kemudian click kanan pilih view code dan ketikkan kode berikut :
Untuk Tampilan data yang sudah diinputkan :
Dan klik kanan pada halaman project pilih view code dan ketikkan code berikut :
Kemudian untuk melihat hasilnya run dengan menekan tombol Ctrl+F5 . Inilah hasilnya :
Jika sebelum kita menginputkan data maka akan tampil validasi seperti dibawah ini :
Jika nama dan nis diisi maka error message akan hilang :
Jika kita salah mengisikan umur, karena disini umur menggunakan Range Validator :
Dan email sudah terisi kemudian jika password dan konfirm password tidak sama :
Jika sudah terisi semua dan kita klik tombol "Submit" maka akan menuju ke halaman berikutnya dan tampil data yang sudah anda inputkan tadi :
Untuk tambahan : Agar mempercantik tampilan form anda
Sekian postingan kali ini. Semoga bermaanfaat. Maaf jika nantinya saya lama tidak posting lagi dikarena saya akan melaksanakan UAS. Terima Kasihhh :))
Tidak ada komentar:
Posting Komentar