jQuery 'change'事件仅对最后一组表单字段生效的问题求助

嘿，我一眼就看到问题所在了——你遇到的是变量作用域导致的闭包问题！

在validate_participating函数里，你声明num_serves和num_participating时没有加var、let或const关键字，这俩变量直接变成了全局变量。每次调用这个函数，都会把全局变量的值覆盖成当前传入的字段，最终它们只会指向最后一组的输入框。当change事件触发时，回调函数引用的都是这两个已经被覆盖的全局变量，所以自然只有最后一组的数值比较逻辑能正常工作。

只需要给这两个变量加上let（推荐用let，它是块级作用域，更安全），让它们成为函数内部的局部变量，这样每次调用函数都会创建独立的变量，闭包会正确捕获当前函数调用对应的字段：

function validate_participating ($serves, $participating) {
  // 加上let，将变量限定在函数作用域内
  let num_serves = $($serves);
  let num_participating = $($participating);

  $.merge(num_serves, num_participating).keydown(function(e){
    var kCode = (e.which || e.keyCode)
    if(kCode == 190 || kCode == 110) {
      e.preventDefault();
      $(this).closest('.ginput_container').find('.instruction').addClass('validation_message gfield_validation_message').text('Decimal points are disallowed. Please enter whole numbers only.').show();
      $(this).focusout(function(){
        $(this).closest('.ginput_container').find('.instruction').hide();
      });
    }
  });

  $.merge(num_serves, num_participating).change(function(){
    // 解析数值时加上十进制参数，避免八进制解析意外
    const servesVal = parseInt(num_serves.val(), 10);
    const participatingVal = parseInt(num_participating.val(), 10);
    
    // 处理输入为空/非数字的情况，避免NaN引发逻辑错误
    if (isNaN(servesVal) || isNaN(participatingVal)) {
      $(num_serves).closest('.ginput_container').find('.instruction').hide();
      $(num_participating).closest('.ginput_container').find('.instruction').hide();
      return;
    }
    
    if (participatingVal > servesVal) {
      $(num_participating).closest('.ginput_container').find('.instruction').addClass('validation_message gfield_validation_message').text('Participating cannot be greater than serves.').show();
    } else {
      $(num_serves).closest('.ginput_container').find('.instruction').hide();
      $(num_participating).closest('.ginput_container').find('.instruction').hide();
    }
  });
}

jQuery(document).ready(function ($) {
  validate_participating('#input_451_252', '#input_451_576');
  validate_participating('#input_451_254', '#input_451_577');
  validate_participating('#input_451_255', '#input_451_578');
});

另外我还加了两个小优化：

• 给parseInt加上第二个参数10，确保是十进制解析，避免输入类似012时被误判为八进制数值
• 增加了NaN判断，当输入为空或非数字时，直接隐藏提示，避免出现逻辑异常

修改后，每一组字段的change事件都会引用当前函数调用时的局部变量，对应正确的serves和participating输入框，所有组的数值比较逻辑都会正常生效，其他功能也不受影响。

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