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

前端之家收集整理的这篇文章主要介绍了jquery:在选项类型编号中设置最小最大输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这部分代码
<input type="number" min="2" max="10" step="2" id="contact" oninput="new_sum">

在该字段中我可以插入一个数字> 10和< 2. 我怎么能限制它?

解决方法

添加一个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"  />
原文链接:https://www.f2er.com/jquery/180757.html

猜你在找的jQuery相关文章