javascript - 使用 jQuery 比较 2 个输入字段的值

Question

我有 2 个 html 输入字段，一个处于禁用状态，并使用 jQuery ajax 从 php 文件获取值，另一个由用户填写。

我制作了一个 jQuery 脚本，它比较这两个字段，如果用户输入大于 ajax 填充的输入，则应显示一条消息。问题是它返回一个奇怪的结果，例如，如果ajax字段是12300并且输入字段是8，它会显示消息，但是如果ajax是12300并且输入字段是12229，那么它不会显示消息。

$(document).ready(function(){
    $("#cantitate").blur(function(){
    var cant_ins = $("#cantitate").val();
    var cant_suger = $("#info_cantitate").val();
    if (cant_ins > cant_suger){
        $("#status_cant").text("Cantitatea depaseste disponibilitatea");
    }
        else
    {
        $("#status_cant").empty();
    }
        });
});

Answer 1

您正在比较字符串，而不是数字，这就是为什么您会得到奇怪的结果，1200 将小于 200，因为第一个以字符 开头1 和第二个 2 等。

您可以使用 parseInt 表示整数，使用 parseFloat 表示 float ，将字符串解析为数字，也可以仅使用 + 符号将字符串强制转换为数字

$(document).ready(function(){
    $("#cantitate").on('blur', function(){
        var cant_ins   = +$("#cantitate").val();
        var cant_suger = +$("#info_cantitate").val();

        if (cant_ins > cant_suger){
            $("#status_cant").text("Cantitatea depaseste disponibilitatea");
        } else {
            $("#status_cant").empty();
        }
    });
});