javascript - 获取所需验证的默认消息

Question

我想显示使用 JavaScript 进行验证(例如必需)的默认错误消息。

浏览器提供的默认消息很好(并且它会自动翻译)，我只想通过自定义验证以编程方式触发它。

是否可以获取浏览器提供的默认错误信息？

Answer 1

这应该有效

input.addEventListener('change', function(e) {
    if (// your check)
        this.setCustomValidity('Error');
    else
        this.setCustomValidity('');
});

因此，当您提交表单时，浏览器将显示自定义有效性消息

编辑:

“stackoverflow”示例

document.querySelector('#search > div > input').setCustomValidity('Hello')

如果您点击搜索按钮，您将获得

要获取浏览器的验证消息，您可以执行以下操作:

document.querySelector('#search > div > input').validationMessage