javascript-在更改之前验证 JS 中的 HTML5 输入

看起来当一个input元素最初被加载时，它的有效性没有被立即评估。例如，如果我的 HTML 看起来像这样......

<input type="text" value="ABC" minlength="5">

value在 JavaScript 中，尽管属性被设置为小于 5 的长度，但输入似乎是有效的并且不会太短。例如：

const input = document.querySelector("input");

console.log(input.validity.valid); // true

console.log(input.validity.tooShort); // false

只有当用户对输入进行更改时，我们才能对输入的有效性进行真正的推算。

即使用户尚未触摸输入，是否有任何方法可以强制输入评估其在加载时的实际有效性？

见例子：https ://jsfiddle.net/t5afijkn/3/