skodev mascot typing keyboard

SKO.DEV

sekolah koding rasa baru
icon gambar buku BELAJAR icon gambar pohon KOMUNITAS icon gambar buku ARTIKEL icon gambar masuk MASUK

Postingan lainnya

Validasi multiple rows

Mohon bantuanya Dibawah ada multiple rows dengan data Row1 = beras Row2 = beras Dari 2 data input diatas ada 2 kode id yg sama yaitu 'beras' Pertanyaan saya Bagaimana cara memberi pesan kepada user bahwa data yg di input sama sebab seharusnya setiap row data id tidak boleh sama... input data ini belum masuk kedatabase jd pesan diambil dari rows text bukan dari validasi database.. bila ada teman2 punya refernsi yg sy maksud tolong share... terima kasih

jquery php ajax
avatar Alx17
@Alx17

17 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

codingan agan taruh sini saat add rows

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 6 tahun yang lalu

[<!DOCTYPE html> <html> <head> <title>jQuery Add Table Rows</title> <style> table{ width: 100%; margin: 25px 0; border-collapse: collapse; } table, th, td{ border: 1px solid #6C220B; } table th, table td{ padding: 8px; text-align: left; } </style> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(document).ready(function(){

         $(&quot;.row&quot;).click(function(){
     
             var name = $(&quot;#name&quot;).val();
     
             var subject = $(&quot;#subject&quot;).val();
     
             var markup = &quot;&lt;tr&gt;&lt;td&gt;&lt;input type=&#039;checkbox&#039; name=&#039;record&#039;&gt;&lt;/td&gt;&lt;td&gt;&quot; + name + &quot;&lt;/td&gt;&lt;td&gt;&quot; + subject + &quot;&lt;/td&gt;&lt;/tr&gt;&quot;;
     
             $(&quot;table tbody&quot;).append(markup);
     
         });         
     });    
  &lt;/script&gt;

</head> <body> <form> <input type="text" id="name" placeholder="Enter Name"> <input type="text" id="subject" placeholder="Enter Subject"> <input type="button" class="row" value="Click to Add Row"> </form> <table> <thead> <tr> <th>Choose</th> <th>id</th> <th>Subject</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="result"></td> <td></td> <td></td> </tr> </tbody> </table> </body> </html> ]

avatar Alx17
@Alx17

17 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

coba ini gan <pre> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;jQuery Add Table Rows&lt;/title&gt; &lt;style&gt; table{ width: 100%; margin: 25px 0; border-collapse: collapse; } table, th, td{ border: 1px solid #6C220B; } table th, table td{ padding: 8px; text-align: left; } &lt;/style&gt; &lt;script src="https://code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function(){

$(".row").click(function(){

var name = $("#name").val();

var subject = $("#subject").val(); var ada = false; $(".name").each(function(i){ if ($(this).val()==name) { ada = true; } })

if (ada) { alert('data kembar'); } else { var markup = "&lt;tr&gt;&lt;td&gt;&lt;input type='checkbox' name='record'&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='hidden' class='name' value='"+name+"'&gt;" + name + "&lt;/td&gt;&lt;td class='subject'&gt;" + subject + "&lt;/td&gt;&lt;/tr&gt;"; $("table tbody").append(markup); }

}); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form&gt; &lt;input type="text" id="name" placeholder="Enter Name"&gt; &lt;input type="text" id="subject" placeholder="Enter Subject"&gt; &lt;input type="button" class="row" value="Click to Add Row"&gt; &lt;/form&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Choose&lt;/th&gt; &lt;th&gt;id&lt;/th&gt; &lt;th&gt;Subject&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" name="result"&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </pre>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban