如何限制用户输入特定的数字范围，如(300-470)

<input type="number" min="300" max="470">

<input type="number" id="inputNumber">
<button onclick="checkNumber()">验证</button>

<script>
function checkNumber() {
  var input = document.getElementById("inputNumber").value;
  if (input < 300 || input > 470) {
    alert("请输入300到470之间的数字");
  }
}
</script>

<form id="myForm">
  <input type="number" name="myNumber">
  <button type="submit">提交</button>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script>
$(document).ready(function() {
  $("#myForm").validate({
    rules: {
      myNumber: {
        range: [300, 470]
      }
    },
    messages: {
      myNumber: {
        range: "请输入300到470之间的数字"
      }
    }
  });
});
</script>