前端常用正则表达式方法的包装之——1.过滤特殊字符

最新推荐文章于 2024-02-22 10:01:28 发布

原创最新推荐文章于 2024-02-22 10:01:28 发布 · 668 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #html #reactjs #typescript

常用正则表达式的包装专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个用于去除输入字符串中特定特殊字符的JavaScript函数。该函数通过正则表达式匹配并移除指定的特殊字符，确保输入符合要求。演示了如何在React组件的输入框中应用此函数。

函数：

export const filterSpecialChar = value => {
    var reg = new RegExp('[\\\\",，:：。.?？<>|、/*“”＼／：＂＇]');
    var rs = "";
    for (var i = 0; i < value.length; i++) {
        rs = rs + value.substr(i, 1).replace(reg, "");
    }
    return rs;
};

使用：

<Input
    onChange={e => {
          let name = filterSpecialChar(e.target.value);
          this.setState({name});
      }}
    value={this.state.name}
/>