Saludos te dejare una función muy útil que me ayudado en varias ocasiones:
function setInputFilter(textbox, inputFilter) {
["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
textbox.addEventListener(event, function() {
if (inputFilter(this.value)) {
this.oldValue = this.value;
this.oldSelectionStart = this.selectionStart;
this.oldSelectionEnd = this.selectionEnd;
} else if (this.hasOwnProperty("oldValue")) {
this.value = this.oldValue;
this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
}
});
});
}
Dicha función permite aplicar cualquier filtro a un input tipo texto esta maneja tambien los eventos Copiar, Pegar, Arrastrar y Soltar entre otros eventos lo cual te permite tener un mejor control sobre el input con el filtro correspondiente.
Ahora bien el filtro que admitirá solo números enteros será:
setInputFilter(document.getElementById("mi_input"), function(value) {
return /^\d*$/.test(value);
});
Numeros Enteros y con un limite(500):
/^\d*$/.test(value) && (value === "" || parseInt(value) <= 500)
Bien ahora para verlo en acción:
function setInputFilter(textbox, inputFilter) {
["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
textbox.addEventListener(event, function() {
if (inputFilter(this.value)) {
this.oldValue = this.value;
this.oldSelectionStart = this.selectionStart;
this.oldSelectionEnd = this.selectionEnd;
} else if (this.hasOwnProperty("oldValue")) {
this.value = this.oldValue;
this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
}
});
});
}//end function setInputFilter
//aplicando el filtro
setInputFilter(document.getElementById("input"), function(value) {
return /^\d*$/.test(value);
});
<input type="text" id="input" name="input">
Bien espero te sirva y suerte.
si deseas mas validaciones te dejare los siguientes enlaces:
JavaScript Validacion
Html numeric Input
<input type="number">