JQuery+Input数值比较异常Bug：简单大于比较失效求助

云原生阿岚

2026-5-13

问题分析与修复方案

这个问题的根源很典型——字符串与数值的比较陷阱！

你从输入框通过.val()获取到的内容都是字符串类型，而JavaScript中字符串比较是按字符的ASCII码逐个对比的。比如你输入的"50"和隐藏域里的"137"，第一个字符"5"的ASCII码比"1"大，所以字符串比较时"50" > "137"会被判定为true，这就触发了else if的逻辑，把输入框的值重置成了137。

修复方法：将字符串转为数值类型

只需要在获取值的时候，把字符串转换成数字，就能进行正确的数值比较了。这里提供两种常用的转换方式：

方式一：使用`parseFloat`转换（适合金额类可能带小数的场景）

function handle_max_amount() { 
    // 转换为浮点数字，同时处理非数字输入的情况
    var money = parseFloat($('#AmountField').val()); 
    var open_amount = parseFloat($('#total_open_amount').val()); 

    // 处理输入为空或非数字的情况，避免NaN导致逻辑异常
    if (isNaN(money)) {
        money = 0;
    }

    if (money < 0){ 
        $('#AmountField').val(0); 
    } else if (open_amount < money) { 
        $('#AmountField').val(open_amount); 
    } 
}

方式二：使用一元加号`+`快速转换（更简洁）

function handle_max_amount() { 
    // 一元加号会自动将字符串转为数字，非数字会变成NaN
    var money = +$('#AmountField').val(); 
    var open_amount = +$('#total_open_amount').val(); 

    // 处理NaN，默认设为0
    money = isNaN(money) ? 0 : money;

    if (money < 0){ 
        $('#AmountField').val(0); 
    } else if (open_amount < money) { 
        $('#AmountField').val(open_amount); 
    } 
}