如何更改下拉列表所需的消息[重复]

Posted 2023-02-22

【中文标题】如何更改下拉列表所需的消息[重复]

【英文标题】：How to change required msg for dropdown list [duplicate]

【发布时间】：2014-09-20 20:39:19

【问题描述】：

我将所需的属性设置为下拉列表。现在我提交表单而不选择下拉列表中的任何选项，它会给我错误消息，例如“请在列表中选择一个项目。”

我想更改此消息？怎么做 ？？ html 代码

<select required  id="doc_type">

【问题讨论】：

未经现场搜索，请勿发布问题。请注意这一点。

添加 oninvalid="setCustomValidity('your message')"

【参考方案1】：

您可以使用 HTML5 事件oninvalid

试试这个：

<select required  id="doc_type" oninvalid="this.setCustomValidity('Please select an item in the list')" oninput="setCustomValidity('')">

【讨论】：

谢谢你，我以前从未使用过它，你知道一种在消息中添加自定义 CSS 类以进行自定义样式的方法吗？我尝试在我的 CSS 文件中使用 :required 和各种选择器，但没有任何乐趣

谢谢它在关键时刻真的帮助了我:)