Thuộc tính required của HTML DOM Input Datetime

Thuộc tính required của đối tượng Input Datetime trong HTML DOM xác định xem trường ngày giờ có bắt buộc phải điền trước khi gửi biểu mẫu hay không.

Cú pháp

Lấy giá trị (trả về true/false)

inputDatetimeObject.required

Thiết lập giá trị

inputDatetimeObject.required = booleanValue

Giá trị Boolean

Ví dụ minh họa

Kiểm tra trạng thái required và yêu cầu nhập ngày giờ thi cử:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime required</title>
</head>
<body>
<form>
  Ngày giờ thi cuối kỳ: <input type="datetime" id="datetimeSelect" value="" required>
</form>
<button onclick="finalizeDatetime()">Xác nhận ngày giờ</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetime = document.getElementById("datetimeSelect");
  divDisplay.textContent = 'Bắt buộc ngày giờ thi: ' + inputDatetime.required;
  function finalizeDatetime() {
    if(inputDatetime.value === '')
      divDisplay.textContent += ', Vui lòng nhập ngày giờ thi hợp lệ.';
    else
      divDisplay.textContent = 'Ngày giờ thi cuối kỳ: ' + inputDatetime.value;
  }
</script>
</body>
</html>

Kết quả

Nếu chưa nhập giá trị và nhấn nút, hiển thị thông báo yêu cầu nhập. Nếu đã nhập, hiển thị ngày giờ đã chọn.

Lưu ý: Kiểu datetime đã bị loại bỏ khỏi chuẩn HTML hiện đại, thay thế bằng datetime-local. Hầu hết trình duyệt (trừ Safari) hiển thị nó như ô nhập văn bản thường.