Haloo, ketemu lagi , Kali ini saya akan membagikan tutorial
Praktikum ASP 6, di praktikum ASP 6 ini akan dibahas tentang “VALIDATION
SUMMARY”.
Ø
Pada aplikasi berbasis web,
validasi sangat diperlukan untuk mengcek input dari user. Sebagai seorang web Developer,
Kita harus tahubahwa pengetahuan user terhadap suatu aplikasi web berbeda-beda
(eser experience). Bila user baru pertama kali megakses aplikasi yang anda buat
maka kemungkinan besar, user tersebut akan melakukan kesalahan input, di
sinilah pentingnya validasi.
Oke, tadi adalah sedikit
penjelasan dari validasi. Kalau begitu langsung saja…
1.
Pertama, jalankan Visula
studio 2012 nya..
2.
Buat Project ASP.NET
empty web application baru dengan nama Bab3
3.
Kemudian di Tab PROJECT -> Add New Item -> Web Form -> beri nama
FormASP6.aspx
(Gambar
addnew, )
4.
Kemudian pad file FormASP6.aspx ketikkan script dibawah ini,,
(Gamabr
scriptASP6)
5.
Buka file Web.Config dan
tambahkan script seperti pada lingkaran.
6.
7.
Jika semua sudah terketik dengan benar dan lengkap
Lalu klik kanan Pada kotak script di file
FormASP6.aspx
8.
Dan akan masuk pada file
FormASP6.aspx.cs dan masukkan script dibawah ini….
(scriptasp cs)
9.
Dan untuk menampilkan hasil
inputan yang sudah di inputkan oleh user, maka kita perlu membuat 1 file lagi..
di tab PROJECT -> Add New Item -> Web Form -> beri nama
ASP6result.aspx
Jika sudah terbuat, maka ketikkan script
dibawah ini…..
Jika sudah semua dengan benar, langkah
selanjutnya adalah Klik kanan pada kotak ASP6result, lalu Pilih View Code dan
ketikkan script dibawah ini..
(Gambar. View Code result)
10.
Oke.. setelah semua sintaks
selesai dengan benar, saatnya kita meng-RUN hasilnya dengan Ctrl+F5
Output :
Untuk mencoba validasi yang
terjadi, saya mencoba satu per satu dengan tidak diisi atau kosong.
1.
Jika semua inputan tidak
diisi akan keluar kotak dialog dan Validasi Summary pada for . Seperti gambar
dibawah ini
2.
Jika Umur salah atau tidah
berada pada range dan Confirmasi Password tidak sama akan keluar kotak dialog
dan validasi summary. Seperti pada gambar dibawah ini
3.
Jika semua terisi dengan
benar maka akan ter-resume semua hasil inputan…
Gambar.
Semua isi
Oke, akhirnya selesai Pratikum ASP 6 kali ini…
Semoga bermanfaat untuk teman-teman semua….
Terima Kasih J
0 komentar:
Posting Komentar