Question

我有一个非常简单的表单，带有输入字段和提交按钮：

<form action="#">
    <input type="number" min="1" /> <input type="submit" name="submit" />
</form>

在输入字段中输入“0”并提交表单时，会显示验证错误消息。我还注意到当我将鼠标悬停在无效输入字段上时，alt-text设置为相同的验证消息。是否可以更改alt文本以及如何执行此操作？

Answer 1

您可以在元素中添加一个id，以便在javascript中轻松引用：

<form action="#">
    <input id="num" type="number" min="1" /> <input type="submit" name="submit" />
</form>

document.getElementById('num').alt = 'your text here'
document.getElementById('num').title = 'your text here'

除了alt文本（如果无法加载图像时显示的文本），设置标题（弹出文本）也可能很有用。

Answer 2

HTML5约束验证API可能是一个更好的解决方案，因为至少在Chrome中，更改“ title”属性不会完全破坏错误消息，而是会造成部分错误。您可以像这样使用setCustomValidity（）方法

<form action="#">
   <input id="num" type="number" min="1" /> <input type="submit" name="submit" />
</form>

document.getElementById('num').setCustomValidity('your full message text here')

如何在输入验证时更改alt文本

2 个答案: