Filtering input fields in reactjs

Question

Is there a way to block a specific character and only allow string from a - z in react? what I want is the user can only input a-z, and block others like [@,.-_] or even ' '(space).

ramlalsharma1994 · Accepted Answer · 2021-01-23 09:09:00Z

2

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

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

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

answered Jan 23, 2021 at 9:09

ramlalsharma1994

1685 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ade ramdani Over a year ago

it should be

onChange= (e) => {     let val = e.target.value        val = val.replace(/[^A-Za-z]/ig, '')        this.setState({       inputValue: val,     })   }

ZaO Lover · Accepted Answer · 2021-01-23 09:12:30Z

0

We can use regx for filtering only alphanumeric values.

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 });
  }
}

edited Jan 23, 2021 at 9:12

answered Jan 23, 2021 at 8:58

ZaO Lover

4352 silver badges13 bronze badges

1 Comment

ade ramdani Over a year ago

but, it still allows '-'

Collectives™ on Stack Overflow

Filtering input fields in reactjs

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related