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 调试机制搜索了代码中可能引发的错误。但没有错误。
是的!正如您所发现的,错误报告是在 2018 年创建的。
:user-invalid
的解决方法,该解决方法仅适用于 Firefox。
这样您至少可以显示 Firefox Android 的一般消息错误。
我最初在 Reddit 上找到了这个解决方案。
2025 年 1 月更新
:user-invalid
被更多浏览器支持,而不仅仅是Firefox