javaSript大于判断问题

Question

javaSript判断出错

<form action="client/bookServlet" method="get">
                    <input type="hidden" name="action" value="pageByPrice">
                    价格：<input id="min" type="text" name="min" value="${ param.min }"> 元 -
                        <input id="max" type="text" name="max" value="${ param.max }"> 元
                        <input id="sub_price" type="submit" value="查询" />
                    <script type="text/javascript">
                        $(function (){
                            $("#sub_price").click(function (){
                                var max = $("#max").val();
                                var min = $("#min").val();
                                if (min <0 ){
                                    alert("最低价格不能小于0")
                                    return false;
                                }
                                if (min>max){
                                    alert( "min="+min);
                                    alert( "max="+max);
                                    alert( min>max );
                                    alert("最小价格不能大于最大价格");
                                    return false;
                                }

                            })
                        })
                    </script>
                </form>

这里min输入78,max输入100为什么 min>max判断为true啊

实在是没搞明白

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

问题出在min和max的值是字符串类型，而不是数字类型。在比较字符串时，会按照字符的Unicode编码进行比较，而不是按照数值大小进行比较。所以，当min为"78"，max为"100"时，"78" > "100"的判断结果为true。

为了解决这个问题，你需要将min和max的值转换为数字类型再进行比较。可以使用parseInt()或parseFloat()函数进行转换。修改后的代码如下：

<script type="text/javascript">
    $(function (){
        $("#sub_price").click(function (){
            var max = parseInt($("#max").val());
            var min = parseInt($("#min").val());
            if (min <0 ){
                alert("最低价格不能小于0")
                return false;
            }
            if (min>max){
                alert( "min="+min);
                alert( "max="+max);
                alert( min>max );
                alert("最小价格不能大于最大价格");
                return false;
            }

        })
    })
</script>

现在，当min为"78"，max为"100"时，78 > 100的判断结果将为false。