javascript - HTML数据列表在Safari中导致验证错误

我有一个AngularJs 1.x应用程序，在其中添加了html5数据列表元素。我知道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元素。但是，这样做感觉很奇怪。

有人可以阐明我做错了什么和/或如何解决此问题。

最佳答案

实际错误是由我使用的polyfill引起的。在我仔细检查之后，它已经很旧了，不适合这种情况。

关于javascript - HTML数据列表在Safari中导致验证错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38101283/