css - 启用 HTML 5 表单验证但禁用 'standard' 错误消息

标签 css html forms validation styling

最近我创建了一个带有客户端验证和服务器端验证的表单。客户端验证由 HTML 5 验证(电子邮件、密码、必需、模式等)完成。

不过,对于客户端验证,我想使用 HTML 5 验证但禁用错误消息的“标准”标记,例如带有黄色感叹号的 google chrome 气泡。相反,我想使用我自己的 CSS 错误标记,这样我就可以将客户端错误消息设置为与服务器端错误消息相同的样式。

问题是有没有办法做到这一点?没有对表单的验证会删除错误消息,但遗憾的是也会删除验证...当然也欢迎其他解决方案!

提前致谢!

最佳答案

HTML5 表单验证消息(目前)在 CSS 的范围之外。

要使用自定义错误消息,您必须改用 JavaScript 来验证表单条目。如果您已经在使用 jQuery,那么有几个很好的表单验证插件。

关于css - 启用 HTML 5 表单验证但禁用 'standard' 错误消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22358433/

相关文章:

html - 如何设置在输入时触发哪个提交按钮?

javascript - 使用 jQuery 提交数据远程 Rails 表单

javascript - 为什么这两个 javascript 文件不同时运行?他们为什么会发生冲突/覆盖?

html - 奇数行和偶数行不同的div算吗?

html - 为什么水平箭头不垂直对齐?

javascript - 使用 JavaScript 创建动态 Bootstrap 切换

html - 悬停对 parent child 的 child 的影响

forms - 即使在 reCAPTCHA v2(不可见)和 Honeypot 集成之后,Spambots 仍会继续创建用户注册 - 我还能做什么?

html - 高度内联工作但不是外部 css

html - Google 翻译插件的 CSS 样式 - 标志大小自定义