<HTML> <HEAD> <TITLE>Array Textbox Validation</TITLE> <script> function submit_form() { dml=document.forms['form1']; len = dml.elements.length; var total = 0; for( i=0 ; i<len ; i++) { if (dml.elements[i].name=='box1[]') { if (dml.elements[i].value=="") { alert("Enter the Name"); dml.elements[i].focus(); return false; } total += parseInt(dml.elements[i].value); } } document.form1.sum.value = total; return true; } </script> </HEAD> <BODY> <?PHP $Count = 10; $Area = 100; $No = 1; echo "<Table Border = 1> <Tr> <Th>บ่อที่</Th> <Th>ขนาดพื้นที่</Th> </Tr>"; echo "<FORM Name = 'form1' METHOD=POST ACTION=''>"; while($No <= $Count) { echo "<Tr><Td>$No</Td><Td><input type='text' name='box1[]' value = '10'> <Td></Tr>"; $No ++; } ?> <INPUT TYPE="text" NAME="sum"> <input type="button" name="Submit" value="Submit" onclick="javascript:return submit_form();"> </form> <div id="total_text"></div> </BODY> </HTML>
<script language="JavaScript" type="text/javascript"> var area_limit = <?=$Area?>; function checkValue(e){ var isEmpty = false; var keyinput = window.event ? e.keyCode : e.which; if( keyinput == 9 ){ var total =0; var form1 = document.forms['form1']; for(var i =0; i < form1.length; i++){ if( form1.elements[i].name == 'box1[]' ){ if(form1.elements[i].value == ""){ isEmpty = true; break; } total += parseFloat(form1.elements[i].value); } } if(total > area_limit) alert(" มากกว่า ที่คิด นะครับ "); } if(isEmpty) alert("ใส่ให้ครบครับพี่น้อง"); } </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง