มหาวิทยาลัยอุบลราชธานี
Ubon Ratchathani University
  www.ubu.ac.th   |   UBU Blog
สมัครเข้าใช้งาน    |   เข้าสู่ระบบ    
การนับจำนวน textbox ในฟอร์ม 
โพสโดย บรรชา ไพอุปรี     วันที่ 8 มีนาคม 2555 , 11:53:01 น.
หมวด : IT , เทคโนโลยี , มีผู้อ่านแล้ว 758 ครั้ง
  

มีคำถามจากบอร์ดถึงการนับจำนวน 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>
แสดงความคิดเห็น
      เข้าสู่ระบบ
  - ต้องทำการกรอก username และ password ก่อน จึงจะทำการแสดงความคิดเห็นได้
- username และ password เป็นอันเดียวกับที่ใช้ในการ login internet ของมหาวิทยาลัยอุบลราชธานี
 

ค้นหา
 
  About Me
 
ชื่อ :  นายบรรชา ไพอุปรี
ตำแหน่ง :  นักวิชาการศึกษา
หน่วยงาน :  สำนักงานเลขานุการ
คณะ/สำนัก :  สำนักคอมพิวเตอร์
และเครือข่าย
จำนวนเรื่อง :  20
จำนวนผู้ชม :  27768
Blog :  buncha
  เรื่องย้อนหลัง
Event On Text Input
ตรวจสอบนามสกุลไฟล์ ก่อนทำการอัพโหลด
Export mysql database
ฟังก์ชั่น PHP ตรวจสอบปีงบประมาณ
การนับจำนวน textbox ในฟอร์ม
พื้นฐานเรียนรู้กับ คำสั่ง บน Linux
PHP กับฟังก์ชั่น บวก ลบวันที่ และเวลา
คำนวณหาจำนวนวัน ระหว่างวันแรก ถึง วันสุดท้าย
PHP คำนวณหาระยะห่างระหว่างวันที่
Export to CSV PHP Script
 
 
 
พัฒนาโดย สำนักคอมพิวเตอร์และเครือข่าย มหาวิทยาลัยอุบลราชธานี
© Copyright 2010 - 2015 UBON RATCHATHANI UNIVERSITY
สงวนลิขสิทธิ์ 2553 - 2558 มหาวิทยาลัยอุบลราชธานี