javascript - 设置自定义有效性 "Empty"

Question

当输入值为空时，我尝试 setCustomValidity，它可以工作，但问题是错误弹出窗口不断显示消息(当输入处于焦点时)...

function chec() {
	inn = document.getElementById('num');
	if (inn.value == "") {
		inn.setCustomValidity("Empty");
	} else {
		inn.setCustomValidity("");
	}
}

<form>
<input type="number" id="num" min="20" max="50" required>
<input type="submit" onclick="chec()">
</form>

Answer 1

<form>
<input type="number" id="num" min="20" max="50" required oninvalid="setCustomValidity('Empty')" 
   oninput="setCustomValidity('')" />
<input type="submit">
</form>

我创建了一个无需使用外部函数即可工作的版本。您最终可以分离您的功能，但最终结果将是相同的。请告诉我它是否有效。