php 防止在文本框中键入大于最大值的数字

ruarlubt  于 2023-02-03  发布在  PHP
关注(0)|答案(1)|浏览(133)

我有一个数字类型的输入。我有一个最小值0和一个变量产生的最大值(如5)。使用向上/向下箭头我只能在0和5之间移动。我如何防止任何人键入6或以上?
我已设置如下

<input type='number' id='quantity' name='quantity' min='0' max='$the_quantity_required'>

我试过只读和禁用,结果明显是阻止了与文本框的交互,我不知道javascript,但想知道js中是否有什么可以做到这一点?
任何帮助都将不胜感激

u3r8eeie

u3r8eeie1#

试试这个

<script>
    document.addEventListener("DOMContentLoaded", () => {
        var el = document.querySelector('#quantity');
        el.addEventListener('input', function(){
            let val = this.value;
            let max = parseFloat(this.getAttribute('max'));
            val = parseFloat(val);
            if(isNaN(val)) this.value = '';
            if(val > max) this.value = max;
        });
    });
</script>

相关问题