TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
一般情況下使用是沒有問題的onfocusevent。
以下是有關(guān)如何執(zhí)行此操作的提示：
創(chuàng)建輸入字段
添加onfocusout事件處理程序并為其分配 JavaScript 函數(shù)
定義負(fù)責(zé)驗(yàn)證過程的 JavaScript 函數(shù)（即我們在步驟 2 中討論的同一函數(shù)）
該函數(shù)獲取字段內(nèi)的值并進(jìn)行比較，如果它不在您想要的范圍內(nèi)，那么您可以顯示警報(bào)或類似的內(nèi)容。
我制作了一個(gè)演示，它不涉及警告用戶，而是在您絕望地訪問它時(shí)用綠色或紅色將邊框著色：
<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>
舉報(bào)