ตรวจสอบ ช่องว่างในการกรอกข้อมูล โดยใช้ Class "Required"

[M004]

คลาส Required เป็น คลาสที่ใช้สำหรับตรวจสอบค่าว่าง ป้องกันการเว้นว่างในการ กรอกข้อมูลสำคัญ ที่บังคับให้กรอก ตัวอย่างการใช้งานคลาส Required

โค้ด: เลือกทั้งหมด

<input type="text" class="required" name="rd_name" id="rd_name"/>

1.jpg (24.85 KiB) Viewed 1283 times

และยังสามารถใช้ร่วมกับ Jquery เพื่อให้ alert แจ้งให้ทราบ

โค้ด: เลือกทั้งหมด

<script>
    jQuery(document).ready(function() {
        jQuery('#save').click(function() {
            var v = jQuery('#category');
            if(v.val() == '') {
                alert('กรุณาระบุชื่อหมวดหมู่');
                return false;
            }
              var v = jQuery('#description');
            if(v.val() == '') {
                alert('กรุณาระบุรายละเอียด');
                return false;
            }
            jQuery('#task').val('save');
        });
       

    });
</script>

5.jpg (20.78 KiB) Viewed 1283 times