嘿，我来帮你搞定这个问题！你现在的思路方向是对的，但有几个小细节可以优化，让功能更可靠、交互更流畅～

首先，咱们得先解决一个隐藏的坑：输入框的val()返回的是字符串，直接用字符串比较会出错。比如当min是"12"、max输入"9"时，字符串比较里"9"会被认为比"12"大（因为第一个字符"9"的ASCII码比"1"高），导致你的判断逻辑失效。所以第一步要把输入值转成数字再比较。

另外，咱们还要考虑双向的情况：不仅max不能小于当前的min，当min的值被调大时，如果原来的max比新的min还小，也得同步把max修正过来，同时给max输入框设置原生的min属性，让浏览器自带的数字输入控件（比如上下箭头）也能遵守这个规则。

下面是优化后的完整代码：

HTML 部分 #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<span class="input-group-text pretext">Min:</span>          
<input type="number" class="form-control min-input" name="price_min" value="12">
<br />                              
<span class="input-group-text pretext">Max:</span>
<input type="number" class="form-control max-input" name="price_max" value="25" min="12">

JavaScript 部分 #

$(".min-input, .max-input").on("input", function(e) {
    // 将输入值转为数字，空值则默认设为0，避免NaN报错
    const minVal = Number($(".min-input").val()) || 0;
    const maxVal = Number($(".max-input").val()) || 0;

    if ($(this).hasClass("min-input")) {
        // 如果是调整最小值输入框：
        // 1. 若当前最大值小于新的最小值，自动修正最大值
        if (maxVal < minVal) {
            $(".max-input").val(minVal);
        }
        // 2. 更新最大值输入框的原生min属性，让浏览器控件也限制范围
        $(".max-input").attr("min", minVal);
    } else {
        // 如果是调整最大值输入框：
        // 若输入的值小于当前最小值，自动修正为最小值
        if (maxVal < minVal) {
            $(".max-input").val(minVal);
        }
    }
});

优化点说明 #

• 数字转换：用Number()把字符串转成数字，确保比较逻辑正确；用|| 0处理用户清空输入框的情况，避免出现NaN。
• 双向同步：不仅限制max输入，当min被调大时也会自动修正max的值，避免出现max < min的情况。
• 原生控件支持：动态设置max输入框的min属性，让浏览器自带的数字输入箭头也无法选择小于当前min的值，增强交互体验。

这样修改后，不管是手动输入还是用控件箭头调整，都能保证max的值永远不会小于min啦～

备注：内容来源于stack exchange，提问作者Jack Maessen