Limit JQuery Append with Laravel 5.8

Sebelumnya kita harus sudah mempunyai table yang akan digenerate oleh append jquery, contoh yang dipakai dalam kasus ini adalah table dengan id="table-gambar"

cover1_1

untuk type="button" dengan id="add-gambar" untuk mengambil data didalam jquery

cover2

untuk maximal append yang digunakan dalam kasus ini sebanyak 5 table row baru yang bisa ditambahkan dalam event onclick, jika data table row sudah 5 maka muncul notifikasi berupa pesan kepada user (sebisa mungkin program yang kita buat harus userfriendly) :)

   var maxTr = 5;
   var count = document.getElementById("table-gambar").getElementsByTagName("tr").length;
   if(count <= maxTr)

kode diatas bisa dikatakan sebagai validasi event onclick untuk menambahan table row baru dengan append

Untitled

DONE..!!!

Semoga bermanfaat untuk kita semua, terutama bagi penulis sendiri.. Hatur Nuhun

Related Articles

Comments