Devdit
 

เช็คค่าว่าง jQuery จาก TextBox ด้วยคำสั่ง val

1.3K

สอนเขียนโค้ดเช็คค่าว่าง jQuery จาก TextBox ด้วยคำสั่ง val บทความนี้แนะนำการอ้างถึง TextBox และเช็คค่าว่างจาก TextBox โดยใช้คำสั่ง val ร่วมกับคำสั่ง if พร้อมแสดงผลลัพธ์ด้วยคำสั่ง console.log สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง เช็คค่าว่าง jQuery จาก TextBox ด้วยคำสั่ง val

<input type="text" id="txt"> <input type="button" id="btn" value="เช็คค่าว่าง">
<script>
    $("#btn").click(function(){
        if( $("#txt").val() == "" ) {
            console.log('ช่อง textbox id=txt เป็นค่าว่าง');
        } else {
            console.log('ช่อง textbox id=txt มีค่าเท่ากับ '+$("#txt").val());
        }
    });
</script>

ผลลัพธ์ที่ 1 เมื่อไม่ใส่ข้อมูลลงในช่อง text

ช่อง textbox id=txt เป็นค่าว่าง

ผลลัพธ์ที่ 2 เมื่อใส่ข้อมูลลงในช่อง text ด้วยคำว่า devdit

ช่อง textbox id=txt มีค่าเท่ากับ devdit

คำอธิบาย

1. เช็คค่าว่าง jQuery จาก TextBox ด้วยคำสั่ง val เมื่อผู้ใช้งานกดคลิกที่ปุ่ม โค้ด $("#btn").click(function() จะทำงาน

2. โปรแกรมจะเข้าไปทำงานใน function ของข้อที่ 1. โดยมีการอ้างถึงข้อมูลใน TextBox และเช็คค่าว่าง ด้วยคำสั่ง if( $("#txt").val() == "" ) กรณีถ้าเป็นค่าว่าง จะทำงานในปีกกา if

3. กรณีถ้า TextBox ไม่ใช่ค่าว่าง โปรแกรมจะทำงานในส่วนของปีกกา else

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