获取默认消息以进行所需的验证

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