วิธีเช็คค่าว่างเปล่าของ textbox ด้วยภาษา JavaScript

การเช็คค่าว่างเปล่าของ textbox ในภาษา HTML สามารถทำได้หลายวิธี โดยวิธีที่นิยมใช้กัน คือ การใช้ภาษา JavaScript ตรวจสอบเนื่องจากมีความง่าย และทำงานได้อย่างรวดเร็ว 

ตัวอย่าง Form HTML

<form action="#" mathod="#" onsubmit="return checkInput()"> 
  ชื่อ <input type="text" id="name"> <input type="submit" value="ตกลง"> 
</form> 

ตัวอย่าง JavaScript

<script> 
  function checkInput() { 
    var name = document.getElementById('name'); 
    if( name.value == "" ) { 
      alert('กรุณากรอกชื่อ'); 
      return false; 
    } 
  } 
</script> 

1. คำสั่ง onsubmit ตรงแท็ก form ในภาษา HTML เมื่อผู้ใช้งานกดจะไปเรียก Function ใน Javascript ให้ทำงาน 

2. ระบุ id ให้กับ textbox ของ HTML เพื่อเอาไว้ใช้สำหรับอ้างถึงใน Javascript

3. ใช้คำสั่ง document.getElementById ในการอ้างถึง textbox ผ่าน attribute id

4. ใช้คำสั่ง return false เพื่อหยุดโปรแกรมเมื่อเป็นค่าว่างเปล่า