更改 html5 联系表单中必填字段中错误消息的语言

Question

我正在尝试更改 html5 表单字段中错误消息的语言。

我有这段代码：

 <input type="text" name="company_name"  oninvalid="setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required />

但是在提交时，即使该字段不是空白，我仍然收到错误消息。

我试过 <input type="text" name="company_name" setCustomValidity('Lütfen işaretli yerleri doldurunuz') required />

但随后显示英文消息。任何人都知道如何以其他语言显示错误消息？

问候，卓然

原文由 Zoran 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

setCustomValidity 的目的不仅仅是设置验证消息，它本身将字段 标记 为无效。它允许您编写本机不支持的自定义验证检查。

您有两种可能的方法来设置自定义消息，一种不涉及 Javascript 的简单方法和一种涉及 Javascript 的方法。

最简单的方法是简单地在输入元素上使用 title 属性 - 它的内容与标准浏览器消息一起显示。

 <input type="text" required title="Lütfen işaretli yerleri doldurunuz" />

如果您只想显示自定义消息，则需要一些 Javascript。我在 这个小提琴 中为您提供了这两个示例。

原文由 janfoeh 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你忘记了 this 在 oninvalid ，用这个改变你的代码：

     oninvalid="this.setCustomValidity('Lütfen işaretli yerleri doldurunuz')"

 <form><input type="text" name="company_name"  oninvalid="this.setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required /><input type="submit">
</form>

原文由 javad shariaty 发布，翻译遵循 CC BY-SA 3.0 许可协议