如何阻止特殊字符反应?

时间:2018-10-28 23:36:37

标签: reactjs

是否有任何示例,在阻止按键或onblur事件中的特殊字符以响应textArea框时。

由于reactTextArea确实具有一个onClick事件调用,该事件调用该函数以处理post方法中的请求。

1 个答案:

答案 0 :(得分:2)

您可以对特殊字符使用正则表达式,并将其全部替换为空字符串。

示例

class App extends React.Component {
  state = { value: "" };

  onChange = event => {
    this.setState({ value: event.target.value.replace(/[^\w\s]/gi, "") });
  };

  render() {
    return <input value={this.state.value} onChange={this.onChange} />;
  }
}

ReactDOM.render(<App />, document.getElementById("root"));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>