如何固定表单中的范围

<input type="number" min="1" max="100">

<form onsubmit="return validateForm()">
  <input type="number" id="inputNumber">
  <input type="submit" value="Submit">
</form>

<script>
function validateForm() {
  var input = document.getElementById("inputNumber").value;
  if (input < 1 || input > 100) {
    alert("请输入1到100之间的数字");
    return false;
  }
  return true;
}
</script>

<style>
input:valid {
  border: 1px solid green;
}

input:invalid {
  border: 1px solid red;
}
</style>

<input type="number" min="1" max="100">