我有一个input
字段,用户可以通过它提交一些数据。
但是,如果数据字符长度小于 10,则他们将无法提交。
<input type="text" minlength="10" placeholder="Submit" class="dataSubmit" />
这意味着,如果用户尝试提交少于 10 个字符的数据,那么谷歌浏览器会显示此错误Please lengthen this text to 10 characters or more (you're currently using 3 characters)
.
但是我想将此错误消息更改为More data required
.
那么,如何更改此默认消息?
谢谢!
我们可以定义输入的id
并使用 JavaScript 添加自定义验证。
<input id="data" type="text" minlength="10" placeholder="Submit" class="dataSubmit" />
在 JavaScript 中,我们可以为输入添加自定义验证,如下所示:
var data = document.getElementById("data");
data.addEventListener("input", function (event) {
if (data.validity.typeMismatch) {
data.setCustomValidity("Updated Error message");
} else {
data.setCustomValidity("");
}
});