Pendahuluan
Validasi dalam pemograman merupakan pengecekan dan pengujian data atas kebenaran data. Biasanya validasi disispkan pada input data. Jadi validasi erat kaitannya dengan input yang diberikan oleh user.
Manfaat Validasi
- Menghindari kesalahan input
- Mempermudah input data
- Akurasi data
Form Validasi dengna JQuery
JQuery menyediakan library untuk melakukan validasi data. Berikut langkah-langkah untuk membuat validasi dengan jQuery.
1. Buatlah template html seperti dibawah ini dan simpan dengan nama validasi.html
<!DOCTYPE html><html><head><script type="text/javascript" src="jquery.3.6.3.js"></script></head><body><div class="form-isi"><form method="post" class="form"><input type="text" id="nama" placeholder="Input Nama.."><span class="pesan">Nama Tidak Boleh Kosong!</span><br/><br/><input class="btn" type="submit" value="Simpan"></form></div></body></html>
2. Tambahkan script css untuk mempercantik tampilan. Script ditulis dibawah code </head>. Berikut scriptnya
3. Selanjutnya kita tambah script jQuery. Berikut scriptnya:
Nah silahkan jalankan file yang telah dibuat tadi. Jangan isi form input nama, langsung tekan tombol Simpan. Akan keluar pesan dibagian bawah form input.
Penutup
