1 回答
TA贡献1797条经验 获得超6个赞
一般情况下使用是没有问题的onfocusevent
。
以下是有关如何执行此操作的提示:
创建输入字段
添加
onfocusout
事件处理程序并为其分配 JavaScript 函数定义负责验证过程的 JavaScript 函数(即我们在步骤 2 中讨论的同一函数)
该函数获取字段内的值并进行比较,如果它不在您想要的范围内,那么您可以显示警报或类似的内容。
我制作了一个演示,它不涉及警告用户,而是在您绝望地访问它时用绿色或红色将边框着色:
<input type="number" id="field1" onfocusout="validateField(0, 100, 'field1')"/><br/><br/>
<input type="number" id="field2" onfocusout="validateField(200, 300, 'field2')"/><br/><br/>
<input type="number" id="field3" onfocusout="validateField(400, 500, 'field3')"/><br/><br/>
<script>
function validateField(min, max, id) {
const value = document.getElementById(id).value;
if (value < min || value > max) {
document.getElementById(id).style.borderColor = "red";
}
else {
document.getElementById(id).style.borderColor = "lime";
}
}
</script>
添加回答
举报