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

Question

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

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

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

标签： javascriptjqueryhtmlreactjsvalidation

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