อย่างแรกเลย เราจะใช้ Javascript ไม่ได้ ถ้าเราไม่สามารถใช้ Javascript เข้าถึง element ที่ต้องการได้ ซึ่ง Javascript สามารถเข้าถึง element ต่างๆได้ง่ายโดยการระบุ id ของ element ครับ ซึ่งกฏมีอยู่ว่า
id ไม่จำเป็นต้องเท่ากับ name และ id ไม่สามารถเป็น array ได้ (แต่ name เป็น array ได้) ดังนั้น
อย่างแรกเลย เราจะใช้ Javascript ไม่ได้ ถ้าเราไม่สามารถใช้ Javascript เข้าถึง element ที่ต้องการได้ ซึ่ง Javascript สามารถเข้าถึง element ต่างๆได้ง่ายโดยการระบุ id ของ element ครับ ซึ่งกฏมีอยู่ว่า
id ไม่จำเป็นต้องเท่ากับ name และ id ไม่สามารถเป็น array ได้ (แต่ name เป็น array ได้) ดังนั้น
<input id=text_lastest_0 name=text_lastest[0] />
<input id=text_present_0 name=text_present[0] />
text_lastest[0] จะถูกใช้ตอน submit แต่ id=text_lastest_0 เอาไว้ให้ Javascript หาเจอ
ข้อสังเกตุ ผลระบุ index ของ input ที่ชัดเจนลงไปเลย เพื่อให้สามารถใช้ PHP ช่วยในการตรวจสอบได้ง่ายขึ้น
ข้อที่สอง การตรวจสอบด้วย Javascript ก็ทำได้ง่ายๆคือ document.getElementById('text_present_0').value > document.getElementById('text_lastest_0').value
ลองดูนะครับ
คือว่าอันนี้เป็นตัวอย่าง code ของผมครับ แล้วผมจะใช้ Javascript ใส่ยังไงครับ
<!-- ยูนิตน้ำ -->
<td align="center"><input type="text" id="old_w" name="old_w[]"value="<?=$dbarr_w['unit_w'];?>" size="5" readonly/></td>
<td align="center"><input type="text" id="unit_w" name="unit_w[]" size="5" maxlength='5'/></td>
<!-- ยูนิตไฟ -->
<td align="center"><input type="text" id="old_c" name="old_c[]"value="<?=$dbarr_c['unit_c'];?>" size="5" readonly/></td>
<td align="center"><input type="text" id="unit_c" name="unit_c[]" size="5" maxlength='5'/></td>
วิธีง่ายๆก็อาจเป็น
<input id=old_w_0 onchange="dochanged('unit_w_0')">
<input id=unit_w_0 onchange="dochanged('old_w_0')">
เขียนฟังก์ชั่นตรวจสอบใน dochanged() ครับ
<script type="text/javascript">
?????
</script>