当输入值为空时,我尝试 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>
最佳答案
<form>
<input type="number" id="num" min="20" max="50" required oninvalid="setCustomValidity('Empty')"
oninput="setCustomValidity('')" />
<input type="submit">
</form>
我创建了一个无需使用外部函数即可工作的版本。您最终可以分离您的功能,但最终结果将是相同的。请告诉我它是否有效。
关于javascript - 设置自定义有效性 "Empty",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58168319/