Devdit
 

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

4.1K

การเช็คค่าว่างเปล่าของ 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 เพื่อหยุดโปรแกรมเมื่อเป็นค่าว่างเปล่า

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ