setCustomValidity“空”

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>

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