如何在输入字符串中检测特殊字符 修复JS代码无法识别特殊字符问题

• 核心错误是String.indexOf()方法的使用逻辑不符合需求：该方法的作用是判断传入的完整参数字符串是否作为连续子串存在于调用字符串中。你当前的写法等价于检测输入内容里有没有!@#$%^&*()这一整段连续拼接的特殊字符，而非检测输入中是否包含其中任意一个特殊字符，因此绝大多数场景下都会匹配失败。
• 附加错误：你贴出的代码里特殊字符集合中的&被错误转义为HTML实体&，实际运行时这一串会被识别为&、a、m、p、;五个独立字符，进一步破坏了特殊字符匹配规则。

推荐使用正则表达式实现任意特殊字符的匹配，写法更简洁，性能也更高：

const password = document.getElementById('password')

password.addEventListener('input', (e) => {
  const input = e.target.value
  // 正则中[]表示匹配集合内的任意一个字符
  const specialCharReg = /[!@#$%^&*()]/
  if(specialCharReg.test(input)) {
    console.log('detected special character')
  } else {
    console.log('not special')
  }
})

对应的HTML代码保持不变即可：

<input type="password" id='password' placeholder="Enter Password">

如果你不想用正则，也可以用数组遍历的方式实现：

const password = document.getElementById('password')
const specialCharacters = ["!","@","#","$","%","^","&","*","(",")"]

password.addEventListener('input', (e) => {
  const input = e.target.value
  const hasSpecial = specialCharacters.some(char => input.includes(char))
  if(hasSpecial) {
    console.log('detected special character')
  } else {
    console.log('not special')
  }
})

内容的提问来源于stack exchange，提问作者here be dragons