JavaScript表单验证：如何在for循环中排除特定结尾的getElementsByName元素？

没问题，结合你提到的那些思路，我们可以轻松给现有表单校验逻辑加上例外规则。核心就是在遍历输入元素时，判断其名称是否以指定后缀结尾，若是则跳过空值检查。下面分原生JS和jQuery两种场景给你示例：

原生JavaScript实现 #

假设我们要排除名称以_allow_empty结尾的<input>元素，允许它们为空：

document.querySelector('form').addEventListener('submit', function(e) {
  // 获取所有input元素
  const inputs = document.getElementsByTagName('input');
  let hasEmptyRequired = false;

  for (let i = 0; i < inputs.length; i++) {
    const input = inputs[i];
    // 跳过名称以指定后缀结尾的元素
    if (input.name.endsWith('_allow_empty')) {
      continue;
    }
    // 检查非排除元素的空值
    if (!input.value.trim()) {
      hasEmptyRequired = true;
      alert(`${input.name} 字段不能为空！`);
      break;
    }
  }

  if (hasEmptyRequired) {
    e.preventDefault(); // 阻止表单提交
  }
});

如果你的input名称是数组形式（比如user_tags[]），getElementsByName('user_tags[]')会返回对应的元素数组，遍历的时候同样可以用endsWith()判断后缀，逻辑完全通用。

jQuery实现 #

如果你习惯用jQuery，利用它的属性选择器和:not()伪类可以更简洁地筛选目标元素：

$('form').on('submit', function(e) {
  let hasEmptyRequired = false;
  // 选中所有名称不以指定后缀结尾的input
  $('input:not([name$="_allow_empty"])').each(function() {
    if (!$(this).val().trim()) {
      hasEmptyRequired = true;
      alert(`${$(this).attr('name')} 字段不能为空！`);
      return false; // 跳出each循环
    }
  });

  if (hasEmptyRequired) {
    e.preventDefault();
  }
});

这里[name$="_allow_empty"]是jQuery的属性结尾匹配选择器，:not()用来取反，直接过滤掉我们不需要检查的元素，剩下的就是需要校验空值的目标。

你可以根据实际需求把_allow_empty替换成你的特定后缀，比如_optional之类的，逻辑完全通用。

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