You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native中如何编写匹配空白符及*%#:&的输入校验正则?

React Native 输入框校验正则修改方案

调整方案

你只需要把需要拦截的特殊字符放到正则的字符集合[]中即可,原校验逻辑不需要改动。
在正则的字符集合中,你指定的*%#:&这几个特殊字符不需要额外转义,直接拼接即可,最终正则匹配规则为「包含任意空白符 OR 包含任意指定特殊字符」。

修改后完整代码

_validateInput = (s) => {
  // 正则同时匹配空白符和指定的*%#:&特殊字符
  const invalidCharReg = /[\s*%#:&]/;
  if (invalidCharReg.test(s)) {
    this.setState({ error: true });
    return false;
  }
  this.setState({ error: false });
  return true;
};

补充说明

  • 不需要使用new RegExp()包装正则字面量,直接写/规则/的形式更简洁高效
  • 如果后续需要新增拦截的特殊字符,直接往[]中添加即可,仅有^、-、]这几个字符在字符集合中需要加反斜杠转义,其余字符可直接写入

内容的提问来源于stack exchange,提问作者miranal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 05:54:05