html中的循環數字字段

Question

我想通過遞增或其他方式超過最大限制，將html中的數字字段設置爲最小值。 我目前正在嘗試的字段是最小和最大的數字。這不會讓用戶增加或減少超出不符合我要求的範圍。

Answer 1

嘗試從JQueryUI的微調控件。網站上的overflow example具有溢流例如下面的代碼：

$("#spinner").spinner({ 
 
     spin: function(event, ui) { 
 
      if (ui.value > 10) { 
 
      $(this).spinner("value", -10); 
 
      return false; 
 
     } else if (ui.value < -10) { 
 
      $(this).spinner("value", 10); 
 
      return false; 
 
     } 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<p> 
 
    <label for="spinner">Select a value:</label> 
 
    <input id="spinner" name="value"> 
 
</p>