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')"&nbsp;&nbsp; &nbsp;oninput="setCustomValidity('')" /><input type="submit"></form>我创建了一个无需使用外部函数即可工作的版本。您最终可以分离您的功能，但最终结果将是相同的。请让我知道它是否有效。