html input number max min

最新推荐文章于 2024-07-12 16:10:50 发布

原创最新推荐文章于 2024-07-12 16:10:50 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的输入框数值范围限制方法，确保用户输入的数字在1到1000之间，通过监听键盘事件实时校验并修正超出范围的数值。

<input  type="number" min="1" max="1000">

    $('input[type="number"]').on('keyup keypress blur change', function() {
        if (parseInt(this.value) > 1000) {
            this.value = 1000;
            return false;
        }
        if (parseInt(this.value) < 1) {
            this.value = 1;
            return false;
        }
    });