<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript"> function AddRow() { $("#MyTable tr:last").attr('maxlength','14'); if ($(this) > 14) { $('#myTable').append('<tr><td><input name="inp" type="text" maxlength="14" /></td></tr>') } } </script> <title></title> </head> <body> <input type="button" id="btnAdd" onclick="AddRow()" value="submit" /> <a href="">test</a> <table id="myTable"> <tbody > <tr> <td> <input name="inp" type="text" maxlength="14" onkeyup="AddRow()" /> </td> </tr> </tbody> </table> </body> </html>
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btnAdd").click(function() { $("#myTable tr:last").after('<tr><td><input name="inp[]" type="text" maxlength="14" /></td></tr>'); }); }); function AddRow(str_val) { /*$("#MyTable tr:last").attr('maxlength','14'); if ($(this) > 14) { $('#myTable').append('<tr><td><input name="inp" type="text" maxlength="14" /></td></tr>')*/ if(str_val.length==14){ $("#myTable tr:last").after('<tr><td><input name="inp[]" type="text" maxlength="14" /></td></tr>'); } } </script> <title></title> </head> <body> <input type="button" id="btnAdd" value="submit" /> <a href="">test</a> <table id="myTable"> <tbody > <tr> <td> <input name="inp[]" type="text" maxlength="14" onkeyup="AddRow($(this).val())" /> </td> </tr> </tbody> </table> </body> </html>
<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var template = '<tr><td><input name="inp[]" class="text-input" type="text" maxlength="14" /></td></tr>'; $("#myTable").on("keypress","input.text-input",function(e){ var cur = $(this), maxlen = cur.attr('maxlength'); if(cur.val().length == maxlen){ cur.parents('tbody').append(template).find('tr:last input.text-input').focus(); } }); }); </script> </head> <body> <table id="myTable"> <tbody > <tr> <td> <input name="inp[]" class='text-input' type="text" maxlength="14" placeholder='ไม่เกิน 14 ตัวอักษร' /> </td> </tr> </tbody> </table> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
