PHP แจ้งเตือนค่าว่างของช่องใส่ข้อมูล ด้วย JavaScript

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

ตัวอย่าง PHP แจ้งเตือนค่าว่างของช่องใส่ข้อมูล ด้วย JavaScript

<?php
    echo "
            <form onsubmit='return checkValue()'>
                <input type='text' id='txt'>
                <input type='submit' value='ตกลง'>
            </form>
         ";
?>

<script>
    function checkValue() {
        let txt = document.getElementById("txt");
        if( txt.value == "" ) {
            alert("กรุณากรอกข้อมูล");
            return false;
        }
    }
</script>

จากตัวอย่างเมื่อผู้ใช้งานกดปุ่ม submit คำสั่ง onsubmit จะเรียกฟังก์ชัน checkValue ใน JavaScript ให้ทำงาน โดยในฟังก์ชันนี้มีการอ้างอิง id = txt คือช่องกรอก จากนั้นใช้คำสั่ง value ร่วมกับ if เพื่อเช็คว่าเป็นค่าว่างหรือไม่ กรณีถ้าเป็นค่าว่าง ให้แจ้งเตือนค่าว่างด้วยคำสั่ง alert พร้อมข้อความที่กำหนด และ return false เพื่อหยุดการทำงานของฟอร์ม