Для простоты вы можете использовать номер типа в форме ввода
<input type="number" name="grocery" id="grocery" min="100" max="500" />
Другой способ, которым вы можете использовать javascript
<script>
function integerInRange(value, min, max) {
if(value < min || value > max)
{
document.getElementById("grocery").value = "500";
alert("min = 100 and max = 500");
}
}
</script>
и по вашему мнению
<input type="text" class="form-control" name="grocery" id="grocery" onkeyup="integerInRange(this.value, 100, 500)" />