Praktikum PHP #6

#Validasi Form Dengan PHP

Assalamualaikum wr.wb . Hai Sob , Kita jumpa lagi di postingan Praktikum PHP 6 . Kali ini akan membahas tentang validasi form . Langsung ke tutorialnya ya !

1. Buka Dreamwaver Cs 6 dan buat site baru . Buat file bernama valid_sederhana.php . Pada tampilan awal setting seperti dibawah ini agar tombol submit dapat berfungsi 

tampilan jika di split Live

2. Buat file baru dengan nama valid_form.php dan ketikkan kode dibawah ini

tampilan jika di split Live

3. Buat file baru dengan nama save_form.php dan ketikkan kode dibawah ini

CAPTCHA 

kali ini kita akan membuat captcha digunakan untuk security agar terhindar dari spam 

1. Buat file baru lagi dengan nama info.php

Hasil Split Live, jika GD sudah tampil itu tandanya sudah terinstall . GD diperlukan untuk membuat suatu captcha

2. Buat file baru dengan nama captcha.php

3. Implementasikan captcha dengan membuat file baru dengan nama implement_captcha.php

Tugas Praktikum PHP 6 membuat Validasi Form Inputan Biodata

1. Buat file captcha.php lagi dan ketikkan kode dibawah ini

2. Buat file save_form.php

3. Buat file tugas_validasi.php

hasil Split Live

jalankan tugas_validasi.php di browser maka akan tampil seperti diatas

Nah finally tugas praktikum PHP 1 s/d 6 selesai posting , semoga bermanfaat . Sampai ketemu di postingan selanjutnya . Terimakasih :))

Praktikum ASP #6

#Validation Control

Assalamualaikum wr. wb , Pada postingan kali ini saya akan share tentang praktikum ASP 6 yaitu tantang Validation Control . Langsung ke tutorialnya ya !

A. Pengunaan RequiredFieldValidator
1. Buat Project ASP.NET empty web application baru dengan nama Bab3. Buka file Web.config dan tambahkan kode seperti dibawah ini:

2. Tambahkan web form beri nama RequireValidator.aspx lalu ketikkan kode dibawah

3. Klik kanan pada halaman view code , lalu ketikkan seperti dibawah ini

kembali ke RequireValidator.aspx lalu tekan Ctrl+F5 maka hasilnya seperti dibawah ini

akan berisi peringatan jika username dan password tidak diisi

hasil jika username dan password telah diisi

B. Penggunaan RequiredFieldValidator dengan Image

1. Tambahkan web form dengan cara klik kanan project pilih add new item, beri nama RequireImage.aspx dan ketikkan contoh kode dibawah ini

Tekan Ctrl+F5 maka akan tampil seperti dibawah ini

jika disubmit maka akan ada tanda error

C. Penggunaan RangeValidator

1. Tambahkan web form dengan cara klik kanan project pilih add new item, beri nama RangeValidator.aspx dan ketikkan contoh kode dibawah ini

Tekan Ctrl+F5 lalu lihat hasilnya

D. Penggunaan CompareValidator pada Password

1. Tambahkan web form baru dengan nama ComparePass.aspx, kemudian ketikkan kode seperti contoh dibawah ini

tekan Ctrl+F5 lalu lihat hasilnya

E. Penggunaan Compare Validator untuk Pengecekan tipe data

1. Tambahkan web form baru beri nama CompareType.aspx, kemudian ketikkan kode berikut:

Tekan Ctrl+F5 lalu lihat hasilnya seperti dibawah ini

F. Penggunaan Regular Expression Validator

1. Tambahkan web form di project beri nama RegexEmail.aspx, ketikkan kode dibawah ini:

Tekan Ctrl+F5 lalu lihat hasilnya

G. Penggunaan Custom Validator untuk NIS

1. Tambahkan web form pada project dan beri nama CustomNIS.aspx kemudian ketikkan kode dibawah ini :

klik kanan pada halaman view code ketikkan kode seperti dibawah ini

kembali ke customnis.aspx lalu tekan ctrl+F5 dan lihat hasilnya

H. Penggunaan ValidationSummary

1. Tambahkan web form pada project dengan nama ValSummary.aspx

tambahkan file Mystyle.css lalu ketikkan kode dibawah ini

 kembali ke ValSummary.aspx tekan Ctrl+F5 lalu lihat hasilnya

Tugas Praktikum ASP 6 membuat Validation Inputan Biodata dengan tambahan CSS

1. Buat folder baru dan tambahkan web form dengan nama ValidasiForm.aspx lalu ketikkan dibawah ini

klik kanan pada halaman view code dan ketikkan dibawah ini

Buat web Form lagi dengan nama ValidasiFormResult.aspx dan ketikkan kode dibawah ini

kembali ke ValidasiForm.aspx tekan Ctrl+F5 dan lihat hasilnya seperti dibawah ini

Nah sudah selesai untuk Praktikum ASP 6 ini , dan sampai jumap di postingan selanjutnya . Terimaskasih :))