數字輸入字段排除中間數字的範圍

Question

在輸入字段中，我可以如何排除數字範圍

例如，允許用戶輸入value < -5或value > 5，並且不允許-4到4之間的任何值。我不要求max或min值

<input type="number" id="input" step="1" /> 

感謝

Answer 1

首先添加excmin和excmax屬性，目標元素（與ID =「輸入」這種情況下，元素）到你想要的值。
然後調用這個函數並傳遞元素給這個函數在頁面加載：

：

function exceptionrange(element) 
{ 
var excmin=parseInt(element.getAttribute("excmin"))-1; 
var excmax=parseInt(element.getAttribute("excmax"))+1; 
element.onchange=function() 
{ 
    if(element.value<excmax&&element.value>excmin) 
    { 
    element.value=Math.round((parseInt(element.value)-excmin)/(excmin-excmax))*(excmin-excmax)+excmin; 
    } 
}; 
} 

現在，每當用戶在此範圍內輸入一個值，它會在用戶將其更改爲附近的允許值完成輸入號碼。
因此，這是腳本將如何看起來像：

function exceptionrange(element) 
{ 
var excmin=parseInt(element.getAttribute("excmin"))-1; 
var excmax=parseInt(element.getAttribute("excmax"))+1; 
element.onchange=function() 
{ 
    if(element.value<excmax&&element.value>excmin) 
    { 
    element.value=Math.round((parseInt(element.value)-excmin)/(excmin-excmax))*(excmin-excmax)+excmin; 
    } 
}; 
} 
window.addEventListener("load",function() 
{ 
var input=document.getElementById("input"); 
exceptionrange(input); 
}); 

這是輸入元素：

<input type="number" id="input" step="1" excmin="-4" excmax="4"/>