Wie kann ich die Eingabe von einem HTML5-Datalist validieren?

Ich möchte wissen, wie ich den Eingabewert validieren kann, der von a kommtDatalist. Ich meine, wenn ich eine habeDatalist wo der Benutzer beginnen kann, einen Wert zu schreiben und ihn dann aus der Liste auszuwählenDatalistWenn der Benutzer jedoch beschließt, keinen Wert aus der Liste auszuwählen und das Formular mit dem unvollständigen Wert absendet, ist der gesendete Wert falsch.

Ich habe darüber nachgedacht, alle Elemente derDatalist aber ich denke, dass es keine gute Idee sein kann, wenn dieDatalist hat mehr als 1.000 Werte und ich kenne keinen anderen Weg, um es zu validieren.

Hier ist ein Beispiel für dieDatalist das ich benutzen werde:

<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>

Antworten auf die Frage(3)

Ihre Antwort auf die Frage