เช็คค่าว่าง input file ด้วย required

เช็คค่าว่าง input file ด้วย required บทความนี้สอนใช้ attribute required กับ input type=file เพื่อเช็คค่าว่าง หรือแจ้งเตือนให้ผู้ใช้งานทราบว่ายังไม่ได้เลือกไฟล์ พร้อมแสดงผลลัพธ์ออกสู่หน้าจอ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เช็คค่าว่าง input file ด้วย required

<form action="index.php" method="post">
    <div><input type="file" required></div>
    <div style="margin-top: .5rem"><input type="submit" value="ตกลง"></div>
</form>

เช็คค่าว่าง input file จากตัวอย่างกำหนด required ไว้ที่ input type="file" เพื่อเช็คค่าว่าง กรณีถ้าผู้ใช้งานไม่ได้เลือกไฟล์ จะแสดงข้อความแจ้งเตือน “โปรดเลือกไฟล์” ที่หน้าเว็บไซต์ HTML