JS输入验证优化需求：允许指定字符并自动替换特定输入

没问题，我来帮你调整这段代码，完美适配你的需求～ 先理清楚要做的两个核心改动：一是放开对?、*和空格的输入限制，二是把输入的?或空格自动替换成*，同时保证用户输入体验流畅。

修改后的完整代码 #

<input id="inputTextBox">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $("#inputTextBox").keypress(function(event){
    var inputValue = event.which;
    // 定义允许的字符ASCII码：字母（大小写）、?（63）、*（42）、空格（32）、退格（兼容不同浏览器编码）
    const allowedChars = [
      ...Array.from({length: 26}, (_, i) => 65 + i), // 大写字母A-Z
      ...Array.from({length: 26}, (_, i) => 97 + i), // 小写字母a-z
      63, // ?
      42, // *
      32, // 空格
      8,  // 退格（部分浏览器编码）
      0   // 退格（原代码兼容逻辑）
    ];

    if (!allowedChars.includes(inputValue)) {
      event.preventDefault();
      return;
    }

    // 处理替换逻辑：输入?或空格时自动替换为*
    if (inputValue === 63 || inputValue === 32) {
      event.preventDefault();
      const input = this;
      const startPos = input.selectionStart;
      const endPos = input.selectionEnd;
      const currentValue = input.value;
      // 在光标位置插入*，同时替换选中的内容（如果有）
      input.value = currentValue.substring(0, startPos) + '*' + currentValue.substring(endPos);
      // 把光标移到插入*的下一位，保持输入连贯性
      input.selectionStart = input.selectionEnd = startPos + 1;
    }
  });

  // 可选：处理粘贴场景，同步过滤替换规则
  $("#inputTextBox").on('paste', function(event){
    event.preventDefault();
    const pastedText = (event.originalEvent || event).clipboardData.getData('text');
    // 过滤非法字符，同时把?和空格替换成*
    const processedText = pastedText.replace(/[? ]/g, '*').replace(/[^a-zA-Z*]/g, '');
    const input = this;
    const startPos = input.selectionStart;
    const endPos = input.selectionEnd;
    input.value = input.value.substring(0, startPos) + processedText + input.value.substring(endPos);
    input.selectionStart = input.selectionEnd = startPos + processedText.length;
  });
});
</script>

关键改动说明 #

• 扩展允许字符范围：把?、*、空格的ASCII码加入允许列表，同时兼容了不同浏览器的退格键编码（避免部分浏览器退格失效）。
• 无感知自动替换：检测到输入?或空格时，先阻止默认输入行为，直接在光标位置插入*，不会出现字符一闪而过的突兀感；同时调整光标位置，保证用户在输入框中间操作时光标不会乱跑。
• 粘贴场景优化（可选）：额外处理了粘贴事件，用户粘贴内容时也会自动过滤非法字符，并同步替换?和空格为*，覆盖更多用户操作场景。

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