Pada kesempatan kali ini saya akan menjelaskan cara membuat validasi input prompt javascript. Perlu teman-teman ketahui sebelumnya, prompt adalah perintah kode javascript dialog box yang bisa menyimpan nilai sesuai dengan nilai yang di input pada dialog box tersebut. Pada masa silam fungsi ini banyak digunakan di website-website, seperti untuk membuat voting, menyapa pengunjung, komponen input website, dll. Namun untuk penggunaan fungsi tersebut saat ini sudah jarang digunakan karena sudah banyak cara yang lebih simple dan efisien. Namun tidak menutup kemungkinan, fungsi bisa teman-teman manfaatkan untuk mengirim nilai input yang sederhana seperti membuat voting untuk testimony di website teman-teman. Sebenarnya, dari fungsi prompt tersebut masih bisa teman-teman kembangkan lagi seperti halnya menerapkan validasi dari prompt tersebut dengan tujuan supaya tidak ada nilai NULL atau kosong yang diinput dari dialog box tersebut.
Pada dasarnya, penerapan validasi dari fungsi tersebut tidak jauh berbeda ketika teman-teman menerapkan validasi di metode lainnya seperti di php, jquery, dll. Dari penerapan validasi tersebut bisa memanfaatkan kondisi seperti if dan else. Jadi pola kerjanya apabila dialog box tersebut NULL atau tidak diisi, namun di klik tombol OK maka akan menampilkan pesan box sesuai dengan pesan yang nantinya teman-teman terapkan. Dan juga sebaliknya, apabila dialog box tersebut terisi atau ada nilai input yang dimasukan kemudian di klik tombol OK maka akan melakukan proses selanjutnya, seperti proses pengiriman nilai tersebut yang nantinya nilai tersebut bisa digunakan sesuai dengan tujuan yang teman-teman buat. Tidak hanya itu, apabila dialog box tersebut di tekan tombol Cancel maka akan menampilkan pesan box sesuai dengan pesan yang nantinya ingin teman-teman terapkan. Dan untuk membuatnya, teman-teman bisa ikuti tahapan yang saya berikan di bawah ini.
Berikut Tahapannya :
- Sebelumnya, teman-tean buat terlebih dahulu satu buah file dengan nama index.html
- Jika sudah ketikan kode seperti berikut
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html> <head> <title>Cara Membuat Validasi Input Prompt JavaScript</title> </head> <body> </body> <script> var pesan = prompt("Nama Lengkap :"); if(pesan === ''){ alert('Nama Lengkap tidak boleh kosong !'); }else if(pesan){ alert(pesan); }else{ } </script> <!--|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||--> <!--||||||||||||||||||||||||||||||||||||||DUMET SCHOOL|||||||||||||||||||||||||||||||||||||--> <!--|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||--> </html> |
- Jika sudah selanjutnya teman-teman save terlebih dahulu file tersebut, dan lihat hasilnya di browser
Sampai disini penjelasan saya mengenai cara membuat validasi input prompt javascript, semoga bermanfaat.