setCustomValidity "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>

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