如何阻止用户在反应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 ++++ 当用户输入+ or - 时不会触发 onChange。 我不想让用户输入这些。

我该怎么做？

Answer 1

您可以使用正则表达式验证您的输入值 /^[0-9]{1,3}$/.test(value) 在onKeyUp 事件中。