Для проверки ввода корректной даты в input можно использовать регулярное выражение. Вот пример кода на JavaScript:
```javascript
// Получение элементов из DOM
const input = document.getElementById('dateInput');
const addButton = document.getElementById('addButton');
const errorText = document.getElementById('errorText');
// Функция, проверяющая корректность ввода даты
function isValidDate(dateString) {
// Шаблон для проверки даты в формате "дд.мм.гггг"
const pattern = /^\d{2}\.\d{2}\.\d{4}$/;
// Проверка соответствия введенного значения шаблону
return pattern.test(dateString);
}
// Обработчик нажатия на кнопку "Добавить"
addButton.addEventListener('click', () => {
const dateValue = input.value;
// Проверка корректности введенной даты
if (!isValidDate(dateValue)) {
// Вывод ошибки
errorText.innerText = 'Некорректная дата!';
return;
}
// Добавление даты
// ...
});
```
В этом примере используется регулярное выражение `^\d{2}\.\d{2}\.\d{4}$`, которое проверяет, что строка состоит из двух двузначных чисел, разделенных точками, и за ними следует четырехзначное число. Если введенная дата не соответствует этому формату, выводится ошибка.
В HTML-коде есть input элемент с id "dateInput" для ввода даты, кнопка с id "addButton" для добавления даты и элемент с id "errorText" для вывода возможной ошибки. Нужно добавить соответствующие id в своем HTML для корректной работы этого кода.