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

สอนเขียนโค้ดเช็คค่าว่าง 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