คุณสมบัติ HTML DOM Input Date กำหนดว่าจำเป็นต้องตั้งค่าวันที่ Input หรือไม่
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
- คืนค่าบูลีน - จริง/เท็จ
inputDateObject.required
- การตั้งค่าที่จำเป็นสำหรับ booleanValue
inputDateObject.required = booleanValue
ค่าบูลีน
ที่นี่ “booleanValue” สามารถเป็นดังต่อไปนี้ -
booleanValue | รายละเอียด |
---|---|
จริง | กำหนดว่าจำเป็นต้องตั้งค่าฟิลด์วันที่เพื่อส่งแบบฟอร์ม |
ผิด | เป็นค่าเริ่มต้นและไม่จำเป็นต้องตั้งค่าฟิลด์วันที่ |
ตัวอย่าง
ให้เราดูตัวอย่างของ Input Date required ทรัพย์สิน −
<!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>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
คลิก 'ยืนยัน' ปุ่ม −
หลังจากคลิก 'ยืนยัน' ปุ่มที่มีค่าของวันที่ตั้งค่าฟิลด์ -