javascript - html datalist 在 safari 中导致验证错误

Question

我有一个 AngularJs 1.x 应用程序，我在其中添加了 html5 datalist 元素。我知道 Safari 不支持此功能。现在这不是一个大问题，我以后总是可以创建或添加一个polyfill。

但是，有一些行为我似乎无法弄清楚。数据列表位于表单上，并且该字段始终处于无效状态。

<input type="text" name="description" maxlength="40" ng-minlength="5" ng-maxlength="40" class="form-control" placeholder="" ng-model="quote.description" required="" list="standard-remarks" />
<datalist id="standard-remarks">
    <select style="display: none;">
        <option ng-repeat="d in standardQuoteDescription" value="{{d.Description}}">
    </select>
</datalist>

我的想法是在 JavaScript 中检测 safari 并以某种方式更改验证或删除 datalist 元素。然而，这样做感觉很奇怪。

任何人都可以阐明我做错了什么和/或如何解决这个问题。

Answer 1

实际的错误是由我使用的填充引起的。仔细检查了一下，它已经很老了，不适合这个场景。