reactjs - 如何在React JS中使用输入类型数字限制文本字段长度并防止输入E，e，-，+等

Question

1.我想将输入类型文本字段长度限制为 6(这意味着仅允许输入 0 到 999999 范围内的数字)。

2. 即使它是数字类型，它也允许输入 E、e、-、+ 。如何防止这种情况发生。

我尝试过设置 min=0、max=999999 和 maxlength=6 等，但它们都不适合我。下面给出了我在 react 中的输入字段代码。

              <TextField
                id="sampleFiled"
                label="VCode"
                type="number"
                required
                className="text-field"
                value={this.state.code}
                margin="normal"
              />

Answer 1

• 在 input type="number"中插入以下函数

  <input type = "number" maxLength = "5" onInput={this.maxLengthCheck} />

• react 函数

   maxLengthCheck = (object) => {
   if (object.target.value.length > object.target.maxLength) {
    object.target.value = object.target.value.slice(0, object.target.maxLength)
     }
   }