Saludos HTML por defecto ya trae el tipo numerico, el cual permite validar que solo acepte numeros para esto se lo declara asi:
<input type="number" />
bien si deseas que se ingrese dentro de un rango como de 0 a 10 puedes hacerlo asi:
<input type="number" min="0" max="10" />
Ahora bien para tener una mejor validación de datos puedes usar algo de JavaScript:
//esta funcion permite aplicar filtros a los input
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);
}
});
});
}
//define el input solo integer
setInputFilter(document.getElementById("documento"), function(value) {
//FILTRO O EXPRESION REGULAR PARA VALIDAR LOS DATOS DEL INPUT
return /^\d*$/.test(value);
});
<input type="text" id="documento" name="documento">
Para aceptar solo números enteros sean negativos o positivos usa la siguiente expresión regular:
/^-?\d*$/.test(value)
Solo números entero:
/^\d*$/.test(value)
Numeros Enteros con limite(500):
/^\d*$/.test(value) && (value === "" || parseInt(value) <= 500)
Existen muchas formas de validar un input espero te sirva y suerte..!!
<input type="number">