设置自定义有效性 "Empty"

Question

当输入值为空时，我尝试设置自定义有效性，它正在工作，但问题是错误弹出窗口不断显示消息(当输入处于焦点时(...

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>

我创建了一个不使用外部函数的版本。你最终可以分离你的函数，但最终结果将是相同的。请告诉我它是否有效。