javascript - oninvalid 事件和 Internet Explorer？

Question

我正在使用 oninvalid 事件 来自定义错误验证消息。显然它不是 supported在我在测试中确认的 Internet Explorer 中。我必须支持 IE 11。有哪些解决方法？

编辑:
如果我展示一个代码示例来说明我在做什么，也许会更容易

"using strict";

(function setCustomValidation(doc) {
    var elems = doc.querySelectorAll("[required]");


    _.forEach(elems,
        function (item) {
            item.oninvalid = function(e) {
                e.target.setCustomValidity("");
                if (!e.target.validity.valid) {
                    e.target.setCustomValidity(e.target.getAttribute("data-errormessage"));
                }
            };
        });
})(document);

我正在制作一个共享实用程序，允许将自定义错误消息放在任何必需的元素上。所以你不会被浏览器中的默认错误消息所困扰。我不确定 oninput、onchage 和 onblur 是否适用于此。如果我错了，请纠正我。

这是一个jsbin

Answer 1

我遇到了同样的问题，我的代码也没有在 IE11 中触发无效事件我变了

item.oninvalid = (e) => { ... }

到

item.addEventListener('invalid', (e) => { ... });

它奏效了。希望它仍然对您(或遇到此问题的任何其他人)有帮助