如何实现JavaScript中逐字符校验输入密码与预设密码的匹配逻辑？

要解决这个需求，核心是严格匹配密码的前缀，同时根据输入长度返回指定结果，避免substr匹配任意片段的问题。这里有两种直接可行的实现方式：

方法一：使用startsWith前缀匹配 #

startsWith方法会直接检查输入字符串是否是密码的开头前缀，完美契合需求，再结合输入长度判断返回值：

let password = '12345';
let userInput = '';

function validateInput(input) {
  // 先验证输入是否是密码的前缀
  if (!password.startsWith(input)) {
    return false;
  }
  // 根据输入长度返回对应结果
  const inputLength = input.length;
  if (inputLength === 1 || inputLength === 2) {
    return true;
  } else if (inputLength === 3) {
    return false;
  }
  // 其他长度可根据需求扩展，比如更长输入默认返回false
  return false;
}

// 测试用例
console.log(validateInput('1'));  // true
console.log(validateInput('12')); // true
console.log(validateInput('123'));// false
console.log(validateInput('2'));  // false（非前缀直接不通过）

方法二：手动截取前缀对比 #

如果需要更基础的实现，可以手动截取密码对应长度的前缀和输入对比，逻辑和startsWith一致：

function validateInput(input) {
  // 截取密码中与输入长度相同的前缀
  const passwordPrefix = password.slice(0, input.length);
  // 前缀不匹配直接返回false
  if (passwordPrefix !== input) {
    return false;
  }
  // 长度1或2返回true，其他情况（含长度3）返回false
  return input.length === 1 || input.length === 2;
}

这两种方法都能确保只有输入是密码的开头片段时才会进入长度判断，彻底避免了substr可能匹配到密码中间片段的问题，完全满足你的需求。

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