Thuộc tính required của HTML DOM Input Date xác định xem việc đặt ngày có bắt buộc hay không.
Cú pháp
Cú pháp như sau:
- Trả về giá trị boolean - true/false:
inputDateObject.required
- Thiết lập required thành booleanValue:
inputDateObject.required = booleanValue
Các giá trị boolean
Ở đây, 「booleanValue」 có thể là các giá trị sau:
| booleanValue | Chi tiết |
|---|---|
| true | Định nghĩa rằng việc đặt trường ngày là bắt buộc để gửi form. |
| false | Là giá trị mặc định và việc đặt trường ngày không bắt buộc. |
Ví dụ
Dưới đây là ví dụ về thuộc tính Input Date required:
<!DOCTYPE html> <html> <head> <title>Input Date required</title> </head> <body> <form> <div> Tên: <input type="text" name="fullName"> </div> <div> Ngày sinh: <input type="date" id="dateSelect" required> </div> </form> <button onclick="submit()">Xác nhận</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 = 'Ngày sinh bắt buộc'; else divDisplay.textContent = 'Đã nhận thông tin'; } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Nhấn nút 『Xác nhận』:
Sau khi nhấn 『Xác nhận』 với giá trị trường ngày đã đặt:
