<table width="200" border="0" id="myTbl"> <tr> <td colspan="3"> </td> <td align="right"><button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button></td> </tr> <tr> <td>ชื่อ</td> <td>ตำแหน่ง</td> <td>e-mail</td> <td>เบอร์ติดต่อ</td> </tr> <tr id="firstTr"> <td><input type="text" name="txtconname[]" id="txtconname[]" size="20" /></td> <td><input name="txtconposition[]" type="text" id="txtconposition[]" size="20" /></td> <td><input name="txtconemail[]" type="text" id="txtconemail[]" onChange="chkemailcon();" size="20" /></td> <td><input name="txtconphone[]" type="text" id="txtconphone[]" onChange="chktelcon();" onKeyPress="CheckNum();" size="20" /><input type="hidden" id="line[]" name="line[]" /></td> </tr> </table>
<script type="text/javascript"> $(function(){ $("#addRow").click(function(){ $("#myTbl").append($("#firstTr").clone()); }); $("#removeRow").click(function(){ if($("#myTbl tr").size()>3){ $("#myTbl tr:last").remove(); }else{ alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); } }); }); </script>
<meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $('document').ready(function(){ $('#btn').click(function(){ var chk = true; $('input').each(function(){ if($(this).val()==''){ alert('Not allow empty'); return false; } }); }); }); </script> <input type="text" id="txt" name="txt[]"><br /> <input type="text" id="txt" name="txt[]"><br /> <input type="text" id="txt" name="txt[]"><br /> <input type="text" id="txt" name="txt[]"><br /> <input type="button" id="btn" value="Submit"><br />
//html <div id="div_scroll"></div> //css #div_scroll {overflow: auto; height:300px;}
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง