รบกวนสอบถามเกี่ยวกับการดัก validate form
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา รบกวนสอบถามเกี่ยวกับการดัก validate form
รบกวนสอบถามเกี่ยวกับการดัก validate form
Copy
คือ อยากทราบว่า ทำ check box ในรูปแบบของตาราง สามารถดัก validate ค่าว่าง ได้ไหมค่ะ ในรูปแบบของ Boostrap รบกวนหน่อยนะค่ะ
<form action="" method="post" role="form" id="myform1" enctype="multipart/form-data">
<form action="" method="post" role="form" id="myform1" enctype="multipart/form-data">
<table class="table table-striped table-bordered">
<tr align="center">
<td rowspan="2">
<h5>ประเภทภาษา</h5>
<h6>Type of Language</h6>
</td>
<td colspan="3">
<h5>การพูด</h5>
<h6>Speaking</h6>
</td>
<td colspan="3">
<h5>การเข้าใจ</h5>
<h6>Understanding</h6>
</td>
<td colspan="3">
<h5>การอ่าน</h5>
<h6>Reading</h6>
</td>
<td colspan="3">
<h5>การเขียน</h5>
<h6>Writing</h6>
</td>
</tr>
<tr align="center" style="background-color:#f9f9f9;">
<td>
<h5>ดีมาก</h5>
<h6>Excellent</h6>
</td>
<td>
<h5>ดี</h5>
<h6>Good</h6>
</td>
<td>
<h5>พอใช้</h5>
<h6>Fair</h6>
</td>
<td>
<h5>ดีมาก</h5>
<h6>Excellent</h6>
</td>
<td>
<h5>ดี</h5>
<h6>Good</h6>
</td>
<td>
<h5>พอใช้</h5>
<h6>Fair</h6>
</td>
<td>
<h5>ดีมาก</h5>
<h6>Excellent</h6>
</td>
<td>
<h5>ดี</h5>
<h6>Good</h6>
</td>
<td>
<h5>พอใช้</h5>
<h6>Fair</h6>
</td>
<td>
<h5>ดีมาก</h5>
<h6>Excellent</h6>
</td>
<td>
<h5>ดี</h5>
<h6>Good</h6>
</td>
<td>
<h5>พอใช้</h5>
<h6>Fair</h6>
</td>
</tr>
<tr>
<td>
<h5>ภาษาไทย</h5>
<h6>Thai</h6>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox1" id="checkbox2" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox1" id="checkbox2" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox1" id="checkbox3" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox2" id="checkbox4" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox2" id="checkbox5" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox2" id="checkbox6" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox3" id="checkbox7" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox3" id="checkbox8" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox3" id="checkbox9" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox4" id="checkbox10" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox4" id="checkbox11" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox4" id="checkbox12" onclick="javascript:checkboxTest(this);"/>
</td>
</tr>
<tr>
<td>
<h5>ภาษาอังกฤษ</h5>
<h6>English</h6>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox5" id="checkbox13" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox5" id="checkbox14" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox5" id="checkbox15" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox6" id="checkbox16" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox6" id="checkbox17" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox6" id="checkbox18" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox7" id="checkbox19" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox7" id="checkbox20" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox7" id="checkbox21" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox8" id="checkbox22" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox8" id="checkbox23" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox8" id="checkbox24" onclick="javascript:checkboxTest(this);"/>
</td>
</tr>
<tr>
<td>
<h5>จีน</h5>
<h6>Chinese</h6>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox9" id="checkbox25" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox9" id="checkbox26" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox9" id="checkbox27" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox10" id="checkbox28" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox10" id="checkbox29" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox10" id="checkbox30" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox11" id="checkbox31" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox11" id="checkbox31" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox11" id="checkbox31" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox12" id="checkbox32" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox12" id="checkbox33" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox12" id="checkbox34" onclick="javascript:checkboxTest(this);"/>
</td>
</tr>
<tr>
<td width="300">
<h5>อื่นๆ
<div style="margin-left:16%; margin-top:-7%; margin-bottom:-5%;">
<input type="text" name="" id="" value="" class="form-control" placeholder="กรุณากรอกความสามารถภาษาอื่นๆ"/>
</div>
</h5>
<h6>Other</h6>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox13" id="checkbox35" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox13" id="checkbox36" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox13" id="checkbox37" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox14" id="checkbox38" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox14" id="checkbox39" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox14" id="checkbox40" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox15" id="checkbox41" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox15" id="checkbox42" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox15" id="checkbox43" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox16" id="checkbox44" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox16" id="checkbox45" onclick="javascript:checkboxTest(this);"/>
</td>
<td align="center">
<input type="checkbox" value="" name="checkbox16" id="checkbox46" onclick="javascript:checkboxTest(this);"/>
</td>
</tr>
</table>
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ