Zahleneingabefeld schließt den Zahlenbereich in der Mitte aus

Question

In Eingabefeld wie kann ich den Zahlenbereich ausschließen

z. Erlauben Sie dem Benutzer, value < -5 oder value > 5 setzen und nichts zwischen -4 bis 4? Ich frage nicht für max oder min Werte

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

Dank

Answer 1

Erste hinzufügen excmin und EXCMAX Attribut Element zum Ziel (in diesem Fall Elemente mit id = "input") auf Werte, die Sie wollen.
Dann diese Funktion aufrufen und übergeben Element dieser Funktion auf Seite laden:

:

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; 
    } 
}; 
} 

Nun, wenn Benutzer einen Wert in diesem Bereich eingeben, wird es in der Nähe von erlaubten Wert ändern, wenn der Benutzer ist Fertig eingegebene Nummer.
So ist dies, wie Skript aussehen wird:

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); 
}); 

Und das ist das Eingangselement:

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