gpt4 book ai didi

html - 如何让 IE 验证消息像在 Chrome 或 FIrefox 上一样显示?

转载 作者:可可西里 更新时间:2023-11-01 15:02:13 28 4
gpt4 key购买 nike

IE 以不同的方式显示默认的 HTML 验证消息。 Chrome 或 Firefox,在提交表单后,显示带有错误消息的漂亮气泡/工具提示。 IE 会在无效字段下划线,但仅当用户悬停该字段时才会显示错误消息。

是否有任何简单的方法来更改消息的显示方式,类似于 Chrome 的做法?

这是基于一些伪类还是什么?

最佳答案

您可以使用 oninvalid 事件。

document.getElementById('input').oninvalid = function(e) {
e.preventDefault(); //prevent default tooltip
this.style.background = '#f2dede'; //whatever
var elem = this.parentNode.getElementsByClassName('tooltiptext')[0]; //select tooltip element

//show the tooltip
elem.style.visibility = "visible";
elem.style.opacity = "1";
}

我制作了这个 fiddle https://jsfiddle.net/petekeeports/0yxfj3Lr/ ,看看这是不是你要找的。希望这有帮助!!

关于html - 如何让 IE 验证消息像在 Chrome 或 FIrefox 上一样显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45008364/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com