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>
舉報