javascript - 使用按键事件Jquery验证带有数字范围的输入

Question

我有以下情况。我有一个输入，我需要在编写时验证该输入的值在 1 到 100 之间。该函数不允许写入大于 100 的数字。在我的代码中，我得到了验证完成但它只在我写第四个字符时才有效，然后它不允许我写任何其他内容，我需要如果我在输入中有 2 个字符，我将不允许写第三个，因为数字会大于100，如果写的数字是1和0，我应该只写第三个字符，即10。

<input type="text" class="porciento" name="">

$(document.body).on("keypress", ".porciento", function (event) {

        var numero=$(this).val();
         if($(this).val()>100){     
             event.preventDefault();            
         }
    });

标签： javascriptjquery

Answer 1

$(document.body).on("keypress", ".porciento", function (event) {

    var numero=$(this).val();
     if($(this).val()>100){     
         event.preventDefault();            
     }
});

<input type="text" class="porciento" name="">