Android 上的 Firefox 移动浏览器不显示 HTML 表单验证错误消息

问题描述 投票:0回答:2

Firefox 移动浏览器(我的移动 Android 设备上的版本为 107.x)不显示基于 html5 的表单验证错误。它确实可以在桌面版 Firefox 浏览器上按预期工作,也可以在桌面版和移动版 Chrome 上运行。

提供示例很容易,因为相关 MDN 页面上的示例也无法在移动浏览器上运行 - 但它们可以在桌面上运行:

https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation

引导程序上还有一个示例,该示例在移动设备上不起作用,涉及验证错误消息:

https://getbootstrap.com/docs/5.2/forms/validation/#browser-defaults

我已经使用 Firefox USB 调试机制搜索了代码中可能引发的错误。但没有错误。

javascript html forms validation firefox-android
2个回答
7
投票

由于没有回复,我向开发团队报告了。

问题是Firefox移动浏览器实际上还不支持它(!):

https://bugzilla.mozilla.org/show_bug.cgi?id=1510450


0
投票

是的!正如您所发现的,错误报告是在 2018 年创建的。

我依赖于基于 css 伪类

:user-invalid
的解决方法,该解决方法仅适用于 Firefox。

这样您至少可以显示 Firefox Android 的一般消息错误。

我最初在 Reddit 上找到了这个解决方案

2025 年 1 月更新

刚刚意识到现在css伪类

:user-invalid
被更多浏览器支持,而不仅仅是Firefox

© www.soinside.com 2019 - 2024. All rights reserved.