คุณสมบัติ required ของ HTML DOM Input Date

คุณสมบัติ required ของ HTML DOM Input Date ใช้กำหนดว่าจำเป็นต้องตั้งค่าวันที่หรือไม่

รูปแบบไวยากรณ์ (Syntax)

• การคืนค่าบูลีน - true/false

inputDateObject.required

• การตั้งค่า required เป็น booleanValue

inputDateObject.required = booleanValue

ค่าบูลีนที่เป็นไปได้

ในที่นี้ “booleanValue” สามารถเป็นค่าต่อไปนี้ได้:

ตัวอย่าง

ตัวอย่างการใช้งานคุณสมบัติ Input Date required:

<!DOCTYPE html> <html> <head> <title>Input Date required</title> </head> <body> <form> <div> ชื่อ: <input type="text" name="fullName"> </div> <div> วันเกิด: <input type="date" id="dateSelect" required> </div> </form> <button onclick="submit()">ยืนยัน</button> <div id="divDisplay"></div> <script>    var divDisplay = document.getElementById("divDisplay");    var inputDate = document.getElementById("dateSelect");    function submit() {       if(inputDate.required==true && inputDate.value==='')          divDisplay.textContent = 'ต้องการวันเกิด';       else          divDisplay.textContent = 'ได้รับข้อมูลแล้ว';    } </script> </body> </html>

ผลลัพธ์

โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:

คลิกปุ่ม 「ยืนยัน」 :

หลังคลิกปุ่ม 「ยืนยัน」 พร้อมตั้งค่าวันที่แล้ว :