如何阻止用戶在 react js 的輸入字段中添加 + 或 -？

Question

基本上，輸入字段應該只接受1 - 999值

輸入字段：

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

更改：

  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

您可以在onKeyUp事件中使用正則表達式/^[0-9]{1,3}$/.test(value)驗證您的輸入值。