JQuery中如何正确使用含>、<、=的IF语句？点击事件判断失效求助

让我来帮你排查这段代码里的问题，其实是两个小细节错误导致if语句没能正常工作：

问题分析 #

• 错误1：错误的jQuery对象调用
  你已经通过$('#age').val()把输入框的值存在year变量里了，但在if判断里却写了$(year).val()——这里的year是用户输入的字符串（比如'1990'），把它包进$()会试图匹配这个字符串对应的DOM选择器，显然找不到任何元素，所以$(year).val()会返回undefined，和'2018'自然没法正确比较。

• 错误2：字符串与字符串的比较逻辑错误
  输入框获取的year是字符串类型，直接和字符串'2018'做比较是按字符顺序逐位对比的。比如输入'999'时，字符串比较中'9'的ASCII码比'2'大，会被判定为'999' > '2018'，这完全不符合我们需要的数字大小比较逻辑。

修正后的代码 #

$(document).on("click", "#cals", function () {
    var year = $('#age').val();
    // 将输入的字符串转换为十进制数字
    var yearNum = parseInt(year, 10);
    var name = $('#namee').val();

    // 先判断输入是否为有效数字
    if (!isNaN(yearNum)) {
        var agese = 2018 - yearNum;
        var results = name + " Your age is " + agese;
        
        // 使用数字类型进行比较
        if(yearNum < 2018){
            $('#ageres').val(results);
        }
    } else {
        // 提示用户输入有效年份
        $('#ageres').val("请输入有效的年份数字");
    }
});

关键修正点说明 #

1. 类型转换：用parseInt(year, 10)把输入的字符串转为十进制整数，确保后续的减法和比较都是数字运算。
2. 有效性校验：添加!isNaN(yearNum)判断，避免用户输入非数字内容时出现计算错误（比如2018 - 'abc'会得到NaN）。
3. 简化判断逻辑：直接使用转换后的yearNum变量进行比较，去掉了错误的$(year).val()调用。

内容的提问来源于stack exchange，提问作者Sayed Hasan