如何限制用户在移动字段中仅输入10个字符

Question

能否请您告诉我如何限制用户在移动字段中仅输入10个字符。我已经使用过   maxLength = {10} 。但它不起作用。这是我的代码 https://codesandbox.io/s/quizzical-hellman-65dy3

<RFField
              component={SForm.Input}
              label="Number"
              name="number"
              type="number"
              maxLength={10}
              placeholder="Please Enter full NUmber"
              validate={required}
            />

Answer 1

您可以使用正则表达式模式

/^\d{10}$/

Demo

Answer 2

如果要限制输入中的最大字符，则需要像这样更改代码

 <input type="text" pattern="\d*" maxlength="10">