有什么方法可以确定时间输入是部分填充还是空？

Question

我有一个<input type="time">。 Chrome允许用户部分填写输入内容。例如。用户输入小时但不输入分钟，反之亦然。是否可以使用JavaScript检查该元素是否为空或部分填写？

value属性为空，只要输入仅部分填充即可。这样一来行不通。有没有可以使用的财产？

实际上，我对部分输入的值不感兴趣。只是想通过警告没有小时或分钟的时间无效并且将被忽略来改善用户体验。

JSBin https://jsbin.com/pikabowoyo/edit?html,js,output

let el = document.querySelector('button');
el.addEventListener('click', function() {
  let input = document.querySelector('input');
  console.log(input.value);
});

<input type="time">
<button>show value</button>

Answer 1

这是不可能的。该字段在完成之前没有值。

我找不到在哪里说客户必须在完整的时间内填写才能被询问

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/timehttps://html.spec.whatwg.org/multipage/input.html#time-state-(type%3Dtime)

如果这是出于验证目的，则可以使用required，并且不允许用户进行部分输入