過濾 reactjs 中的輸入字段

Question

有沒有辦法阻止特定字符並只允許 a - z 中的字符串做出反應？ 我想要的是用戶只能輸入 az，並阻止其他人，如 [@,.-_] 甚至''（空格）。

Answer 1

onChange={(e) => {
  let val = e.target.value

  val = val.replace(/[^A-Za-z]/ig, '')

  this.setState({
    value: val,
  })
}}

Answer 2

我們可以使用 regx 僅過濾字母數字值。

onChangeAlphaNumericInput(e) {
  const value = e.target.value;
  const regex = /[^A-Za-z]/ig; //this will admit letters, numbers and dashes
  if (value.match(regex) || value === "") {
    this.setState({ inputValue: value });
  }
}