如何在请求用户输入时强制要求输入内容符合指定格式规则

该需求完全可实现，你设想的规则数组匹配方案可行，同时还有更通用的行业常用方案可选：

方案1：规则数组匹配（符合你最初的设计思路） #

你可以把格式要求拆解为逐位校验的规则数组，不需要匹配具体数值，只校验每一位的字符类型即可，逻辑如下：

• 以你需要的xx x xx格式为例，规则数组可定义为：[/\d/, /\d/, /\s/, /\d/, /\s/, /\d/, /\d/]，每个元素对应输入内容对应位置的字符规则
• 校验步骤：
  • 第一步先判断用户输入的总长度是否和规则数组长度一致，长度不对直接校验不通过
  • 第二步逐位遍历用户输入的字符，和规则数组对应位置的规则做匹配，所有位置都匹配则校验通过
• 示例代码（JavaScript）：

// 定义格式规则数组
const formatRule = [/\d/, /\d/, /\s/, /\d/, /\s/, /\d/, /\d/];

function checkInput(inputStr) {
  // 先校验长度
  if (inputStr.length !== formatRule.length) return false;
  // 逐位校验
  for (let i = 0; i < inputStr.length; i++) {
    if (!formatRule[i].test(inputStr[i])) return false;
  }
  return true;
}

该方案的优势是灵活性极高，后续调整格式只要修改规则数组即可，不需要改动校验逻辑。

方案2：正则表达式校验（通用常用方案） #

如果不需要自定义太复杂的逐位规则，直接使用正则表达式是更简洁的实现方式，你需要的格式对应的正则为/^\d{2} \d \d{2}$/

• 正则释义：^匹配输入内容开头，\d{2}匹配2位数字，空格匹配格式要求的空格，\d匹配1位数字，最后\d{2}匹配末尾2位数字，$匹配输入内容结尾，避免输入前后出现多余字符
• 示例代码（JavaScript）：

const formatReg = /^\d{2} \d \d{2}$/;
function checkInput(inputStr) {
  return formatReg.test(inputStr);
}

进阶优化：输入过程强制引导 #

如果要做到完全强制用户无法输入不符合格式的内容，可以在用户输入时做实时拦截：

• 限制用户只能输入数字
• 输入到对应位置时自动补全空格，比如用户输入完前2位数字后自动插入空格，输入完第3位数字后再自动插入空格，从输入环节就避免格式错误

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