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
相关产品推荐
相关产品推荐

