วันจันทร์ที่ 23 มิถุนายน พ.ศ. 2557

เช็คค่าว่าง radio button

อาจจะเป็นเรื่องใหญ่ สำหรับมือใหม่ที่กำลังหัดเขียน โปแกรมภาษา php ในการเช็คค่าว่างของการกรอกข้อมูลต่างๆ หนึ่งในนั้น คือ radio button ที่คิดว่ายากนะหากไม่เคยเขียนมาก่อนของเดิม(การเช็คค่าว่างตัวแปรทั่วไป)คือ

<script language='JavaScript'>
      function  check_PostN(){
      if (document.frmlog.code.value ==""){
           alert("กรุณากรอก รหัสนิสิต")
           document.frmlog.code.focus();
         return false
        }
     }
</script>
แต่พอมาเป็น radio button เราจะเช็คค่า value =="" หรือ value =="NULL" ไม่ได้เพราะมันจะไม่รู้จัก value ของ radio button วิธีการคือให้เราเช็คเป็นแบบ boolean คือ true กับ false เท่านั้น  ตัวอย่าง

<script language='JavaScript'>     
function  check_PostN(){       
if (document.frmlog.typposition[0].checked == false){           
alert("กรุณาเลือก ตำแหน่งงานด้วย")           
document.frmlog.typposition[0].focus();         
return false       
}   
 }
</script>
คำอธิบาย
document = คืองานไฟล์งานที่รันปัจจุบัน
frmlog = ชื่อของ ฟอร์ม ในไฟล์งาน
typposition[0] = ชื่อตัวแปร radio button เป็นแบบ Array
checked = สถานะของ radio button
false = boolean สถานะของ radio button คือ ถ้า fales คือไม่ได้เลือก true คือได้เลือก

โค๊ดแบบเต็ม
=======Java Script=========
<script language='JavaScript'>     
function  check_PostN(){       
if (document.frmlog.typposition[0].checked == false){           
alert("กรุณาเลือก ตำแหน่งงานด้วย")           
document.frmlog.typposition[0].focus();         
return false       
}     
}
</script>
===========html============

<form action="" method="post" name="frmlog" onSubmit='return check_PostN();'>
    <label>
      <input name="typposition" type="radio" value="1" />แอดมิน<br />
 <input name="typposition" type="radio" value="2" />เว็บมาสเตอร์<br />
 <input name="typposition" type="radio" value="3" />ผู้ใช้งานทั่วไป
    </label>
</form>




หวังว่าคงจะเป็นประโยชน์บ้างนะครับ สุพจน์ บัวเลิง

1 ความคิดเห็น :

  1. ขอบคุณมากๆค่ะ ช่วยได้เยอะเลย จุดเล็กๆที่ยิ่งใหญ๋ค่ะ

    ตอบลบ