如何检查用户是否在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>