javascript - HTML输入字段设置最大值

This question already has answers here:

How to prevent inserting value that is greater than to max in number field in html
                            
                                （2个答案）
                            
                    
                2年前关闭。
        

    

如果我在字段中输入数字，max属性将不起作用。为什么？
它仅在我使用箭头更改值时有效。

JS Fiddle

的HTML

<input id= "0" class='labelmax form-control'
type='number' name='max_label' min='0' max='99' value='1'>

最佳答案

使用HTML5的最大值和最小值，您只能限制数值输入数字。但是您需要使用JavaScript或jQuery进行此类更改。我有一个想法是使用数据属性并保存旧值：

$(function () {
  $("input").keydown(function () {
    // Save old value.
    $(this).data("old", $(this).val());
  });
  $("input").keyup(function () {
    // Check correct, else revert back to old value.
    if (parseInt($(this).val()) <= 99 && parseInt($(this).val()) >= 0)
      ;
    else
      $(this).val($(this).data("old"));
  });
});