javascript - 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);
        }
    }

});