Как я могу проверить ввод от HTML5 Datalist?

Я хотел бы знать, как я могу проверить входное значение, которое исходит отDatalist, Я имею в виду, если у меня естьDatalist где пользователь может начать писать значение, а затем выбрать его изDatalist, но пользователь решает не выбирать никакое значение из списка и отправляет форму с неполным значением, отправленное значение будет неверным.

Я думал об итерации по всем элементамDatalist но я думаю, что это не может быть хорошей идеей, еслиDatalist имеет более 1000 значений, и я не знаю другого способа проверить это.

Вот примерDatalist что я собираюсь использовать:

<input type="text" list="colours">

<datalist id="colours">
    <option value="Red" data-id="1">
    <option value="Blue" data-id="2">
    <option value="Green" data-id="3">
    <option value="Black" data-id="4">
    <option value="White" data-id="5">
</datalist>

Ответы на вопрос(3)

Ваш ответ на вопрос