如何用JavaScript移除CPT码输入框填充文本末尾的多余逗号？

问题根源 #

你当前的输入框格式化逻辑replace(/(.{5})/g, '$1, ').trim()会在字符数为5的倍数时，在末尾留下一个逗号（比如输入10个字符会变成XXXXX, XXXXX,）——因为正则会匹配最后一组5个字符并添加逗号，trim()只能去掉空格，逗号会保留。

方案一：从输入格式化层面彻底解决 #

修改输入框的input事件处理逻辑，改用分组拼接的方式，避免末尾生成多余逗号：

document.getElementById('textfield24').addEventListener('input', function (g) {
  // 过滤非数字和大写字母的字符
  const cleanValue = g.target.value.replace(/[^\dA-Z]/g, '');
  // 每5个字符分一组，用逗号连接（无匹配内容时返回空字符串）
  g.target.value = cleanValue.match(/.{1,5}/g)?.join(', ') || '';
});

处理后，输入框内容永远不会有末尾多余逗号，填充到其他字段时直接使用即可。

方案二：在填充函数中处理多余逗号 #

如果不想改动输入框的显示逻辑，可以在FillDetails24函数里对CPT值做一次末尾逗号清理：

function FillDetails24(f) {
  // 去掉末尾的逗号及可能的尾随空格
  const cptValue = f.textfield24.value.replace(/, ?$/, '');
  
  f.Reason.value += ("Verify CPT " + cptValue + ". " + '\n');
  f.Action.value += ("Adv on how to locate and use CPT lookup tool on plan website. Information provided in resolution. " + '\n');
  f.Resolution.value += ("Adv on how to locate and use CPT lookup tool on plan website. Caller is looking to verify CPT " + cptValue + ". " + '\n' + '\n' );
}

正则/, ?$/会匹配字符串末尾的逗号（逗号后可能带空格），并替换为空，彻底消除多余结尾符号。

额外优化建议 #

你的大写转换逻辑可以简化，直接用toUpperCase()结合输入事件，比监听keypress逐个转换更简洁：

document.querySelectorAll(".uc-text-smooth").forEach(function(current) {
  current.addEventListener("input", function(e) {
    e.target.value = e.target.value.toUpperCase();
  });
});

这样不管用户输入小写还是粘贴小写内容，都会自动转为大写，同时不影响用户的选择和编辑操作。

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