Membuat Validasi adalah hal yang harus di gunakan ketika kita membuat sebuah form, kenapa harus, karena dengan membuat validasi di sebuah form, kita di jauhi dari tangan jahil, dimana inputan kadang tidak sesuai yang harus di inputkan, jadi ketika seseorang memasukan inputan yang tidak sesuai program akan menampilkan notifikasi error, atau semacamnya, mungkin di antara teman-teman pernah melihat ya, notif error atau pembritahuan, cara yang benar memasukan di sebuah form itu apa, oke disini saya akan coba membuat satu contoh validasi yaitu cara membuat validasi tanggal dengan jquery. jangan kemana-mana simak terus ya.

Disini dengan kita membuat validasi atau cara membuat validasi tanggal dengan jquery, jadi ketika seseorang atau user memasukan sebuah tanggal harus sesuai yang sudah saya formatkan dan disini saya membuatnya dengan:

  1. Template atau framework materialize ya teman-teman supaya ada efek dan rapi
  2. Sperti judulnya saya membuatnya dengan menggunakan jquery ya.
  3. dan untuk mecocokan dengan bantuan regexp ya teman-teman.
  4. oke saya rasa cukup kita lanjutkan lagi

Sebenarnya saya di materialize saya hanya mengambil sebuah formnya saja ya teman-teman, tapi tidak apa-apa supaya rapi dan ada efeknya, oke langsung saja cara membuatnya seperti ini:

Sebenarnya hal yang terpenting dalam kita membuat validasi atau cara membuat validasi tanggal dengan jquery, kita bisa fokus kepada sebuah regexp itu ya teman-teman. jadi regex itulah yang membuat kita bisa memfilter sebuah validasi tanggal. oke bagaiman hasilnya seperti ini:

cara membuat validasi tanggal dengan jquery

supaya teman-teman tidak bingung saya membuat sebuah placeholder ya, untuk mencontohkan membuat inputannya, coba kita masukan tidak sesuai format apa yang akan terjadi.

cara membuat validasi tanggal dengan jquery

Tampil error ya, jadi yang harus teman-teman input adalah dengan format dd/mm/yyyy atau mm/dd/yyyy, oke saya rasa cukup sampai disini dulu belajar kita tentang cara membuat validasi tanggal dengan jquery, semoga teman-teman paham dan sampai jumpa pada artikel selanjutnya terimakasih.

 

WhatsApp chat