如何檢查用戶是否在Javascript中輸入了日期值？

Question

我正在嘗試開發一個系統來檢查用戶是否輸入了日期，但是當我嘗試使用這些if(!date){//code}或if(date.length==0)我不沒有得到我想要的，也許是因為<input type="date">使用dd-----yyyy和瀏覽器中的celender執行輸入字段，這在 js 中被視為一個值。

所以我的問題是，如果用戶輸入日期，則獲得 1，如果用戶將該字段留空或默認（ dd-----yyyy和celender ），則獲得0 。

Answer 1

你必須使用

if(date.value.length == 0)

不是

if(date.length==0)

 var f = document.querySelector("form"); f.addEventListener("submit", function(e){ var d = document.getElementById("date"); if(d.value.length < 1){ alert("Date Is Required"); e.preventDefault(); } });

 <form> <input type="date" id="date" name="date"> <button>Go</button> </form>

或嘗試這種方式

 var f = document.querySelector("form"); f.addEventListener("submit", function(e){ const d = document.getElementById("date"); if(!d.checkValidity()){ alert("Date Is Required"); e.preventDefault(); } });

 <form novalidate> <input type="date" id="date" name="date" required> <button>Go</button> </form>