• Gak pakai ribet loh....
  • Luangkan waktu Anda 5 menit untuk sukses
  • Sangat mudah, dijamin
  • Long Live With Delphi

Senin, 24 Juni 2013

Trik!Membuat Validasi Form sederhana Dengan Dreamweaver tanpa Javascript coding!

Pada postingan kali ini saya akan memberikan sedikit contoh tentang membuat Validasi form, maksud dari validasi form adalah untuk mem – filter pengisian pada form sesuai dengan apa yang kita kehendaki. Lihat gambar apabila masih belum paham, di sana terlihat pesan peringatan Harap isi data dengan Lengkap ! dan di bawahnya terdapat peringatan :
-ID di butuhkan
-Nama di butuhkan
-Tempat_tanggal_lahir dibutuhkan
-Alamat di butuhkan

Pesan Error tersebut karena User tidak mengisi textfield dengan lengkap, artinya ada data yang terlewati dan tidak di isi tapi sudah akan di simpan . Setelah tombol OK di tekan maka form akan kembali. Validasi form ini juga dapat mem filter textfield berupa hanya angka saja, atau bisa hanya email saja dan sebagainya.


#Langkah pertama yaitu
anda harus mempunyai satu buah form untuk di validasi, jika belum ada bisa  klik tutorialnya disini.
#kedua kita lihat di pannel kanan di tab tag klik tanda plus dan pilih Validate Form.



# Klik Named fields dan centang Value required, dan pilih radio button number  ini dimaksudkan agar text field ID tidak bisa di lewati atau di kosongkan.(Risnum) artinya R berarti Required isNum artinya Number.

# Lakukan hal yang sama tapi kali ini pilih anything, artinya apapun yang kita ketik ( huruf atau angka ) dapat di input ke dalam textfield.


# Silahkan di run atau di jalankan dengan menekan F12 atau dari localhost, dan langsung simpan tanpa mengisi text field, jika benar akan keluar pesan peringatan seperti gambar di bawah.



kembali ke beranda

TAG | cara membuat validasi form dengan dreamweaver MX | How to create a validation form with dreamweaver Mx |  cara membuat validasi form dengan dreamweaver CS 3 | cara membuat validasi form dengan dreamweaver CS 5 | cara membuat validasi form dengan dreamweaver CS 4 | cara membuat validasi form dengan dreamweaver CS 6 

Tidak ada komentar:

Posting Komentar

Mohon memberi komentar dan masukannya ya,

Related Posts Plugin for WordPress, Blogger...