Как проверить дату в html5 на ее адекватность с JavaScript?

Question

[Scheuble]

Предположим есть дата 21.08.2019, которую пользователь ввел в поле. Проверяем ее при помощи JavaScript вот так:

function isValidDate(dateStr) {
  return !isNaN(new Date(String(dateStr)));
}

Но как проверить дату, а точнее полноту ее ввода, если ввод даты опционален? Если юзер ввел например 11.05 - html выдает попросту пустой стринг.

Как пресечь такую ошибку, если ввод даты опционален?
.

Answer 1

[sergski]

<input type="date">

Comments

[Scheuble]

ввод даты должен быть опциональным

[sergski]

Scheuble, проверяйте по маске dd.mm.yyyy, если поле заполнено; если пустое, то пропускайте.

Answer 2

[Илья]

Можно добавить к инпуту pattern, но он не поддерживается в старых браузерах.

https://www.w3schools.com/tags/att_input_pattern.asp
https://caniuse.com/#feat=input-pattern

Answer 3

[lloydbanks]

moment.js