Membuat validasi form menggunakan message box dengan JQuery

Membuat validasi form menggunakan message box dengan JQuery

20.27.00
Haiii... apa kabar sobat-sobat semuanya, pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara membuat validasi form dengan memanfaatkan Library Javascript dari Jquery. Berikut langkah-langkahnya :
1. Langkah awal adalah dengan mendowload dulu file Jquery disini
2. Selanjutnya buatlah design form HTML untuk inputan dengan nama index.html dan jangan lupa untuk dijadikan satu lokasi/folder dengan file Jquery yang telah di download sebelumnya.
Berikut adalah source codenya:



3. Lalu pada file index.html tadi tambahkan script javascript berikut pada tag html <head> ... </head>



4. Secara keseluruhan source kodenya adalah sebagai berikut.



5. Dan berikut adalah hasil dari percobaan diatas.



Selamat mencoba dan teruslah bercoding :D


EmoticonEmoticon

Langganan: Posting Komentar (Atom)