获取所需验证的默认消息

Posted 2021-04-02

我想用javascript显示验证（例如必需）的默认错误消息。

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

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

答案

这应该工作

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