INDONESIANWARE - Pada Artikel yang anda baca kali ini dengan judul Cara buat field wajid dan custom error message , kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel OPINI, Artikel PEMROGRAMAN WEB, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara buat field wajid dan custom error message
link : Cara buat field wajid dan custom error message

Cara buat field wajid dan custom error message

Google selalu menemani saya memang kalau kesulitan terutama saat membuat aplikasi program, kali ini gee mau sharing nih, sebenarnya tulisan ini Cuma buat tulisan biar ga lupa dan bingung cari-cari teknik lagi, yang keliatannya memang rutin gee gunakan, ok deh biar ga kebanyakan ngomong, oh ya sebelumnya minimal kamu dah paham html dan sedikit memahami tentang html 5, juga sedikit pengetahuan mengenai javascript tapi ga harus mengerti sekali yang penting sudah bisa baca alur dan maksud logikanya saja.

Keseringan dalam membuat aplikasi kita sering membuat field inputan yang pengennya selalu diisi alias tidak boleh kosong, kalau kosong maka tujuan program ga jalan, nah sebelum ada html 5 hal ini cukup rumit terutama untuk newbie (seperti saya sekarang ini masih newbie terus hehehe) diperlukan kode javascript yang panjang, namun dengan berkembangnya teknologi hal tersebut sudah teratasi dengan baik.

Contoh untuk membuat field seperti ini. (saya anggap masbro dah paham html dan css standar jadi saya ga perlu jelasin lagi kenapa tampilannya seperti ini hehehe).

Ketika dilakukan submit pada form maka program akan berjalan sesuai perintah /action form, Bagaimana caranya agar submit bisa dilakukan hanya bila field sudah diisi? caranya hanya dengan menambahkan attribute atau tag  required=”true”  maka secara otomatis form tidak bisa disubmit tapi akan tampil seperti ini :

Kode html :

Nama Akun   
 
Alamat Email   
 
Password Baru   
 
 

Kelihatan kan pesan errornya ? timbul lagi pertanyaan kan pesan errornya bahasa inggris gimana caranya setting pesan error sesuai mau si pembuat program? Hehehe Ok langsung aja deh kita lanjutin biar ga basa basi tampilanya seperti ini :

Aturan kode seperti ini :

Kemudian tag htmlnya tinggal tambahkan kode oninvalid=”check(this)” seperti ini (biar ga panjang jadi saya contohkan tag yang nama akun aja ya gan):

Nama Akun  

 

Tapi ada masalah gan ternyata kalau di mozilla tampilannya ga berubah tetap seperti ini :

Setalah dicari ternyata kode javascript setCustomValidity() ga jalan di Mozilla, solusinya gampang masbro cukup tambahkan kode ini di tag input x-moz-errormessage="Field ini tidak boleh kosong" maka pesan error jadi oke lagi nih screen shootnya :

Kodenya  :

Nama Akun  

 

Sekianlah artikel Cara buat field wajid dan custom error message kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara buat field wajid dan custom error message dengan alamat link https://ware-id.blogspot.com/2013/08/cara-buat-field-wajid-dan-custom-error.html