Как заблокировать пользователя от добавления + или - в поле ввода в реагировать js?

Question

В основном, поле ввода должно принимать только 1 - 999 значения

Поле ввода:

<input
  type="number"
  value={value}
  onChange={this.props.onViltMaxUserChange}
  min="0"
  max="999"
/>

onChange:

  onViltMaxUserChange = _.throttle(e => {
    let { value, min, max } = e.target;
    if (value !== '' && !(_.inRange(value, min, max))) return false
    this.setState({ value: value });
  }, 50);

Но пользователь может добавить ---- or ++++ onChange не срабатывает, когда пользователь вводит + or -. Я не хочу, чтобы пользователь мог вводить их.

Как я могу это сделать?

Answer 1

Вы можете проверить свое входное значение с помощью регулярного выражения /^[0-9]{1,3}$/.test(value) в событии onKeyUp.