检查更改事件上选择框的有效性

Question

我在HTMLSelectElement上使用原生checkValidity()方法，并且在非Firefox浏览器中似乎存在一些问题。

JSFiddle

的JavaScript

$(document).on('change', 'select', function () {
    alert(this.checkValidity());
});

HTML

<select required>
    <option></option>
    <option>foo</option>
    <option>bar</option>
</select>

在Firefox中，预期结果显示。在Internet Explorer中，无论选择何种选项，它始终有效。在Chrome中，它会检查之前元素值的有效性。

我做错了什么或者这只是Blink和Trident中的一个错误，如果是这样，除了执行this.value === ''之外还有解决方法吗？

Answer 1

如果您有一个空选项并不是必须的，那么您可以通过向空选项添加一些文本来使其工作。