GORAGOD.com

การนับจำนวน textbox ในฟอร์ม

มีคำถามจากบอร์ดถึงการนับจำนวน textbox ทั้งหมดในฟอร์ม
<form id=test_form>
<input type=checkbox>
<input type=text>
<input type=text>
<input type=submit>
</form>

ฟอร์มที่ใช้ในการทดสอบ ผมจำลองให้มี input หลายๆแบบเพื่ออธิบายการเลือกเฉพาะ input ที่ต้องการ
<script>
// ตัวแปรเก็บจำนวน text
var text = 0;
// อ่าน form จาก id
var form = document.getElementById('test_form');
// อ่าน input ทั้งหมดบน form
var inputs = form.getElementsByTagName('input');
// alert(inputs.length);
for (var i = 0 ; i < inputs.length ; i++) {
   var input = inputs[i];
   var typ = input.getAttribute('type').toLowerCase();
   if (typ == 'text') {
     text++;
   }
}
alert('Input ชนิด text ทั้งหมด ' + text);
</script>

โค้ด ด้านบนจะนับเฉพาะ input ที่เป็น text เท่านั้นครับ ถ้าต้องการเลือกเป็น input ชนิดอื่นๆ ก็ลองดัดแปลงกันดู

ในกรณีที่ต้องการนับเฉพาะ input ตัวที่ยังไม่ได้กรอกก็สามารถตรวจสอบเพิ่มเติมได้ครับ

   if (typ == 'text' && input.value == '') { // input ชนิด text และ ยังไม่ได้กรอกค่า
     text++;
   }
</script>