Kali ini saya akan sharing mengenai cara membuat Validasi form dengan menggunakan JQuery. bagaimana caranya?...simak pembahasan berikut ini....
A. PENDAHULUAN
- Pengertian
- Latar Belakang
- Maksud dan Tujuan
B. ALAT DAN BAHAN
- Text Editor.
- Web Browser.
- Lubrary CSS (Bootstrap)
- JQuery (Library Javascript).
- pengetahuan mengenai HTML, CSS, dan sedikit Javascript.
- Sekitar 3 jam
- Definisi Validasi
- Pembuatan Form Validasi dengan JQuery
kita buat pemanggilan bootstrap, css, dan javascriptnya
kemudian kita buat formnya, form disini berisi tampilan inputnya beserta teks untuk peringatan validasi nya
kemudian kita ketikkan code JQuerynya, berikut merupakan scriptnya...
kemudian untuk membuat teks validasi tersembunyi sebelum adanya validasi, pada css kita beri display: none;
kemudian jika kita buka hasilnya di browser akan seperti ini...
dan jika formnya tidak kita isi, maka pada form yang tidak di isi akan muncul tampilan peringatan sesuai div id yang kita berikan pada setiap span.
E. HASIL YANG DIDAPATKAN
- Dapat menerapkan validasi di form HTML.
- Tampilannya amburadul karena Library Bootstrapnya belum dipanggil
- Tanpa kita memanggil setiap library, maka tampilannya akan tidak sesuai seperti apa yang kita harapkan.
Sekian sharing yang dapat saya sampaikan hari ini...
Semoga Bermanfaat....
Wassalammualaikum Wr. Wb.