jquery:设置选项类型编号中的最小最大输入

Question

我有这部分代码

<input type="number" min="2" max="10" step="2" id="contact" oninput="new_sum">

在该字段中，我可以插入一个大于 10 且小于 2 的数字。

如何限制它？

Answer 1

添加一个onchange函数并设置超出范围的值。

 $(function () {
       $( "#numberBox" ).change(function() {
          var max = parseInt($(this).attr('max'));
          var min = parseInt($(this).attr('min'));
          if ($(this).val() > max)
          {
              $(this).val(max);
          }
          else if ($(this).val() < min)
          {
              $(this).val(min);
          }       
        }); 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="numberBox" type="number" min="2" max="10" step="2" id="contact"  />