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

คุณสมบัติ required ของ HTML DOM Input Datetime ใช้สำหรับกำหนดหรือตรวจสอบว่าช่องกรอกวันที่และเวลา (datetime) เป็นฟิลด์ที่บังคับต้องกรอกก่อนส่งฟอร์มหรือไม่

ไวยากรณ์ (Syntax)

การดึงค่า (คืนค่า boolean true/false)

inputDatetimeObject.required

การกำหนดค่า required

inputDatetimeObject.required = booleanValue

ค่า Boolean (Boolean Values)

ตัวอย่างการใช้งาน

ตัวอย่างด้านล่างตรวจสอบว่าช่อง datetime มีคุณสมบัติ required หรือไม่ และแสดงข้อความแจ้งเตือนหากไม่ได้กรอกข้อมูล:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime required</title>
</head>
<body>
<form>
  Final Exam Datetime: <input type="datetime" id="datetimeSelect" value="" required>
</form>
<button onclick="finalizeDatetime()">Confirm Datetime</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetime = document.getElementById("datetimeSelect");
  divDisplay.textContent = 'Exam Datetime Required: ' + inputDatetime.required;
  function finalizeDatetime() {
    if(inputDatetime.value === '')
      divDisplay.textContent += ', Give a valid Exam Datetime. ';
    else
      divDisplay.textContent = 'Final Exam Datetime: ' + inputDatetime.value;
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

เมื่อคลิกปุ่ม Confirm Datetime โดยไม่ได้กรอกวันที่/เวลา จะแสดงข้อความแจ้งเตือนให้กรอกข้อมูล หากกรอกแล้วจะแสดงวันที่และเวลาที่เลือก

หมายเหตุ: ชนิดข้อมูล datetime ถูกเลิกใช้ (deprecated) ใน HTML5 แนะนำให้ใช้ datetime-local แทน