gpt4 book ai didi

css - Chrome 默认 MinLength 错误

转载 作者:行者123 更新时间:2023-11-28 01:38:32 26 4
gpt4 key购买 nike

我有一个输入字段,用户可以通过它提交一些数据。

但是,如果数据字符长度小于10,那么他们将无法提交。

<input type="text" minlength="10" placeholder="Submit" class="dataSubmit" />

这意味着,如果用户尝试提交少于 10 个字符的数据,那么 google chrome 会显示此错误 请将此文本加长到 10 个字符或更多(您当前使用的是 3 个字符) .

但我想将此错误消息更改为需要更多数据

那么,我该如何更改此默认消息?

谢谢!

最佳答案

我们可以为输入定义 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("");
}
});

关于css - Chrome 默认 MinLength 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50552397/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com