Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Ngày nhập bắt buộc Thuộc tính

Thuộc tính bắt buộc Ngày nhập DOM HTML xác định xem Ngày nhập liệu có bắt buộc phải đặt hay không.

Cú pháp

Sau đây là cú pháp -

  • Trả về giá trị boolean - true / false
inputDateObject.required
  • Cần cài đặt cho booleanValue
inputDateObject.required = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue Chi tiết
true Nó xác định rằng bắt buộc phải đặt trường ngày để gửi biểu mẫu.
sai Đây là giá trị mặc định và không bắt buộc phải đặt trường ngày.

Ví dụ

Hãy để chúng tôi xem ví dụ về Ngày nhập bắt buộc tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Date required</title>
</head>
<body>
<form>
<div>
Name: <input type="text" name="fullName">
</div>
<div>
Date of Birth: <input type="date" id="dateSelect" required>
</div>
</form>
<button onclick="submit()">Confirm</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 = 'DOB required';
      else
         divDisplay.textContent = 'Details Received';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Nhấp vào ‘Xác nhận’ nút -

HTML DOM Ngày nhập bắt buộc Thuộc tính

Sau khi nhấp vào ‘Xác nhận’ nút có giá trị của trường ngày được đặt -

HTML DOM Ngày nhập bắt buộc Thuộc tính