jQuery / JavaScript-纠正输入的最小值和最大值int无法正常工作

Question

我得到了这个HTML：

<input type="number" name="eingangstuer_hoehe" min="70" max="200">

这是jQuery / javascript：

$("input").change(function(e) {
        var $this = $(this);
        var val = $this.val();
        var max = $this.attr("max");
        var min = $this.attr("min");


        if(val > min || val < max)
        {

        }
        else
        {
            if (val > max){
                e.preventDefault();
                $this.val(max);
            }

            if (val < min)
            {
                e.preventDefault();
                $this.val(min);
            }
        }
});

键入1或2不会改变任何内容。 键入3 - 69将工作，它应该如何。 键入高于199所有内容（也可以输入200 ）会将值更改为70 ..

它也不会更改600以上的值

Answer 1

您应该使用下面的代码片段中所示的条件。

另外，您正在编译字符串而不是数字。 尝试使用parseInt将值解析为整数

您的代码应如下所示：

    $("input").change(function(e) {
        var $this = $(this);
        var val = parseInt($this.val());
        var max = parseInt($this.attr("max"));
        var min = parseInt($this.attr("min"));

        if(val < min || val > max){
            e.preventDefault();
            $this.val(max);
        }
    }

}）;

Answer 2

发现错误的条件。 将if(val > min || val < max)更改为if(val >= min && val <= max)